<!DOCTYPE html>
<!-- 
Template Name:  SmartAdmin Responsive WebApp - Template build with Twitter Bootstrap 4
Version: 4.0.2
Author: Sunnyat Ahmmed
Website: http://gootbootstrap.com
Purchase: https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0
License: You must have a valid license purchased only from wrapbootstrap.com (link above) in order to legally use this theme for your project.
-->
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>
            FixedColumns - Datatables - SmartAdmin v4.0.2
        </title>
        <meta name="description" content="FixedColumns">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
        <!-- Call App Mode on ios devices -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <!-- Remove Tap Highlight on Windows Phone IE -->
        <meta name="msapplication-tap-highlight" content="no">
        <!-- base css -->
        <link rel="stylesheet" media="screen, print" href="css/vendors.bundle.css">
        <link rel="stylesheet" media="screen, print" href="css/app.bundle.css">
        <!-- Place favicon.ico in the root directory -->
        <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
        <link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="stylesheet" media="screen, print" href="css/datagrid/datatables/datatables.bundle.css">
    </head>
    <body class="mod-bg-1 ">
        <!-- DOC: script to save and load page settings -->
        <script>
            /**
             *	This script should be placed right after the body tag for fast execution 
             *	Note: the script is written in pure javascript and does not depend on thirdparty library
             **/
            'use strict';

            var classHolder = document.getElementsByTagName("BODY")[0],
                /** 
                 * Load from localstorage
                 **/
                themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
                {},
                themeURL = themeSettings.themeURL || '',
                themeOptions = themeSettings.themeOptions || '';
            /** 
             * Load theme options
             **/
            if (themeSettings.themeOptions)
            {
                classHolder.className = themeSettings.themeOptions;
                console.log("%c✔ Theme settings loaded", "color: #148f32");
            }
            else
            {
                console.log("Heads up! Theme settings is empty or does not exist, loading default settings...");
            }
            if (themeSettings.themeURL && !document.getElementById('mytheme'))
            {
                var cssfile = document.createElement('link');
                cssfile.id = 'mytheme';
                cssfile.rel = 'stylesheet';
                cssfile.href = themeURL;
                document.getElementsByTagName('head')[0].appendChild(cssfile);
            }
            /** 
             * Save to localstorage 
             **/
            var saveSettings = function()
            {
                themeSettings.themeOptions = String(classHolder.className).split(/[^\w-]+/).filter(function(item)
                {
                    return /^(nav|header|mod|display)-/i.test(item);
                }).join(' ');
                if (document.getElementById('mytheme'))
                {
                    themeSettings.themeURL = document.getElementById('mytheme').getAttribute("href");
                };
                localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
            }
            /** 
             * Reset settings
             **/
            var resetSettings = function()
            {
                localStorage.setItem("themeSettings", "");
            }

        </script>
        <!-- BEGIN Page Wrapper -->
        <div class="page-wrapper">
            <div class="page-inner">
                <!-- BEGIN Left Aside -->
                <aside class="page-sidebar">
                    <div class="page-logo">
                        <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
                            <img src="img/logo.png" alt="SmartAdmin WebApp" aria-roledescription="logo">
                            <span class="page-logo-text mr-1">SmartAdmin WebApp</span>
                            <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
                            <i class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
                        </a>
                    </div>
                    <!-- BEGIN PRIMARY NAVIGATION -->
                    <nav id="js-primary-nav" class="primary-nav" role="navigation">
                        <div class="nav-filter">
                            <div class="position-relative">
                                <input type="text" id="nav_filter_input" placeholder="Filter menu" class="form-control" tabindex="0">
                                <a href="#" onclick="return false;" class="btn-primary btn-search-close js-waves-off" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar">
                                    <i class="fal fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="info-card">
                            <img src="img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
                            <div class="info-card-text">
                                <a href="#" class="d-flex align-items-center text-white">
                                    <span class="text-truncate text-truncate-sm d-inline-block">
                                        Dr. Codex Lantern
                                    </span>
                                </a>
                                <span class="d-inline-block text-truncate text-truncate-sm">Toronto, Canada</span>
                            </div>
                            <img src="img/card-backgrounds/cover-2-lg.png" class="cover" alt="cover">
                            <a href="#" onclick="return false;" class="pull-trigger-btn" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar" data-focus="nav_filter_input">
                                <i class="fal fa-angle-down"></i>
                            </a>
                        </div>
                        <ul id="js-nav-menu" class="nav-menu">
                            <li>
                                <a href="#" title="Application Intel" data-filter-tags="application intel">
                                    <i class="fal fa-info-circle"></i>
                                    <span class="nav-link-text" data-i18n="nav.application_intel">Application Intel</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="intel_analytics_dashboard.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
                                            <span class="nav-link-text" data-i18n="nav.application_intel_analytics_dashboard">Analytics Dashboard</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="intel_marketing_dashboard.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
                                            <span class="nav-link-text" data-i18n="nav.application_intel_marketing_dashboard">Marketing Dashboard</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="intel_introduction.html" title="Introduction" data-filter-tags="application intel introduction">
                                            <span class="nav-link-text" data-i18n="nav.application_intel_introduction">Introduction</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="intel_privacy.html" title="Privacy" data-filter-tags="application intel privacy">
                                            <span class="nav-link-text" data-i18n="nav.application_intel_privacy">Privacy</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="intel_build_notes.html" title="Build Notes" data-filter-tags="application intel build notes">
                                            <span class="nav-link-text" data-i18n="nav.application_intel_build_notes">Build Notes</span>
                                            <span class="">v4.0.2</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Theme Settings" data-filter-tags="theme settings">
                                    <i class="fal fa-cog"></i>
                                    <span class="nav-link-text" data-i18n="nav.theme_settings">Theme Settings</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="settings_how_it_works.html" title="How it works" data-filter-tags="theme settings how it works">
                                            <span class="nav-link-text" data-i18n="nav.theme_settings_how_it_works">How it works</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="settings_layout_options.html" title="Layout Options" data-filter-tags="theme settings layout options">
                                            <span class="nav-link-text" data-i18n="nav.theme_settings_layout_options">Layout Options</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="settings_skin_options.html" title="Skin Options" data-filter-tags="theme settings skin options">
                                            <span class="nav-link-text" data-i18n="nav.theme_settings_skin_options">Skin Options</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="settings_saving_db.html" title="Saving to Database" data-filter-tags="theme settings saving to database">
                                            <span class="nav-link-text" data-i18n="nav.theme_settings_saving_to_database">Saving to Database</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Package Info" data-filter-tags="package info">
                                    <i class="fal fa-tag"></i>
                                    <span class="nav-link-text" data-i18n="nav.package_info">Package Info</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="info_app_docs.html" title="Documentation" data-filter-tags="package info documentation">
                                            <span class="nav-link-text" data-i18n="nav.package_info_documentation">Documentation</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="info_app_licensing.html" title="Product Licensing" data-filter-tags="package info product licensing">
                                            <span class="nav-link-text" data-i18n="nav.package_info_product_licensing">Product Licensing</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="info_app_flavors.html" title="Different Flavors" data-filter-tags="package info different flavors">
                                            <span class="nav-link-text" data-i18n="nav.package_info_different_flavors">Different Flavors</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-title">Tools & Components</li>
                            <li>
                                <a href="#" title="UI Components" data-filter-tags="ui components">
                                    <i class="fal fa-window"></i>
                                    <span class="nav-link-text" data-i18n="nav.ui_components">UI Components</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="ui_alerts.html" title="Alerts" data-filter-tags="ui components alerts">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_alerts">Alerts</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_accordion.html" title="Accordions" data-filter-tags="ui components accordions">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_accordions">Accordions</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_badges.html" title="Badges" data-filter-tags="ui components badges">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_badges">Badges</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_breadcrumbs.html" title="Breadcrumbs" data-filter-tags="ui components breadcrumbs">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_breadcrumbs">Breadcrumbs</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_buttons.html" title="Buttons" data-filter-tags="ui components buttons">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_buttons">Buttons</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_button_group.html" title="Button Group" data-filter-tags="ui components button group">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_button_group">Button Group</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_cards.html" title="Cards" data-filter-tags="ui components cards">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_cards">Cards</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_carousel.html" title="Carousel" data-filter-tags="ui components carousel">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_carousel">Carousel</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_collapse.html" title="Collapse" data-filter-tags="ui components collapse">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_collapse">Collapse</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_dropdowns.html" title="Dropdowns" data-filter-tags="ui components dropdowns">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_dropdowns">Dropdowns</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_list_filter.html" title="List Filter" data-filter-tags="ui components list filter">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_list_filter">List Filter</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_modal.html" title="Modal" data-filter-tags="ui components modal">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_modal">Modal</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_navbars.html" title="Navbars" data-filter-tags="ui components navbars">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_navbars">Navbars</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_panels.html" title="Panels" data-filter-tags="ui components panels">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_panels">Panels</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_pagination.html" title="Pagination" data-filter-tags="ui components pagination">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_pagination">Pagination</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_popovers.html" title="Popovers" data-filter-tags="ui components popovers">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_popovers">Popovers</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_progress_bars.html" title="Progress Bars" data-filter-tags="ui components progress bars">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_progress_bars">Progress Bars</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_scrollspy.html" title="ScrollSpy" data-filter-tags="ui components scrollspy">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_scrollspy">ScrollSpy</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_side_panel.html" title="Side Panel" data-filter-tags="ui components side panel">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_side_panel">Side Panel</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_spinners.html" title="Spinners" data-filter-tags="ui components spinners">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_spinners">Spinners</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_tabs_pills.html" title="Tabs & Pills" data-filter-tags="ui components tabs & pills">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_tabs_&_pills">Tabs & Pills</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_toasts.html" title="Toasts" data-filter-tags="ui components toasts">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_toasts">Toasts</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="ui_tooltips.html" title="Tooltips" data-filter-tags="ui components tooltips">
                                            <span class="nav-link-text" data-i18n="nav.ui_components_tooltips">Tooltips</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Utilities" data-filter-tags="utilities">
                                    <i class="fal fa-bolt"></i>
                                    <span class="nav-link-text" data-i18n="nav.utilities">Utilities</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="utilities_borders.html" title="Borders" data-filter-tags="utilities borders">
                                            <span class="nav-link-text" data-i18n="nav.utilities_borders">Borders</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_clearfix.html" title="Clearfix" data-filter-tags="utilities clearfix">
                                            <span class="nav-link-text" data-i18n="nav.utilities_clearfix">Clearfix</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_color_pallet.html" title="Color Pallet" data-filter-tags="utilities color pallet">
                                            <span class="nav-link-text" data-i18n="nav.utilities_color_pallet">Color Pallet</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_display_property.html" title="Display Property" data-filter-tags="utilities display property">
                                            <span class="nav-link-text" data-i18n="nav.utilities_display_property">Display Property</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_fonts.html" title="Fonts" data-filter-tags="utilities fonts">
                                            <span class="nav-link-text" data-i18n="nav.utilities_fonts">Fonts</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_flexbox.html" title="Flexbox" data-filter-tags="utilities flexbox">
                                            <span class="nav-link-text" data-i18n="nav.utilities_flexbox">Flexbox</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_helpers.html" title="Helpers" data-filter-tags="utilities helpers">
                                            <span class="nav-link-text" data-i18n="nav.utilities_helpers">Helpers</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_position.html" title="Position" data-filter-tags="utilities position">
                                            <span class="nav-link-text" data-i18n="nav.utilities_position">Position</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_responsive_grid.html" title="Responsive Grid" data-filter-tags="utilities responsive grid">
                                            <span class="nav-link-text" data-i18n="nav.utilities_responsive_grid">Responsive Grid</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_sizing.html" title="Sizing" data-filter-tags="utilities sizing">
                                            <span class="nav-link-text" data-i18n="nav.utilities_sizing">Sizing</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_spacing.html" title="Spacing" data-filter-tags="utilities spacing">
                                            <span class="nav-link-text" data-i18n="nav.utilities_spacing">Spacing</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="utilities_typography.html" title="Typography" data-filter-tags="utilities typography fonts headings bold lead colors sizes link text states list styles truncate alignment">
                                            <span class="nav-link-text" data-i18n="nav.utilities_typography">Typography</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" title="Menu child" data-filter-tags="utilities menu child">
                                            <span class="nav-link-text" data-i18n="nav.utilities_menu_child">Menu child</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="javascript:void(0);" title="Sublevel Item" data-filter-tags="utilities menu child sublevel item">
                                                    <span class="nav-link-text" data-i18n="nav.utilities_menu_child_sublevel_item">Sublevel Item</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="javascript:void(0);" title="Another Item" data-filter-tags="utilities menu child another item">
                                                    <span class="nav-link-text" data-i18n="nav.utilities_menu_child_another_item">Another Item</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="disabled">
                                        <a href="javascript:void(0);" title="Disabled item" data-filter-tags="utilities disabled item">
                                            <span class="nav-link-text" data-i18n="nav.utilities_disabled_item">Disabled item</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Font Icons" data-filter-tags="font icons">
                                    <i class="fal fa-map-marker-alt"></i>
                                    <span class="nav-link-text" data-i18n="nav.font_icons">Font Icons</span>
                                    <span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">2,500+</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="javascript:void(0);" title="FontAwesome" data-filter-tags="font icons fontawesome">
                                            <span class="nav-link-text" data-i18n="nav.font_icons_fontawesome">FontAwesome Pro</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="icons_fontawesome_light.html" title="Light" data-filter-tags="font icons fontawesome light">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_light">Light</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="icons_fontawesome_regular.html" title="Regular" data-filter-tags="font icons fontawesome regular">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_regular">Regular</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="icons_fontawesome_solid.html" title="Solid" data-filter-tags="font icons fontawesome solid">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_solid">Solid</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="icons_fontawesome_brand.html" title="Brand" data-filter-tags="font icons fontawesome brand">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_fontawesome_brand">Brand</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" title="NextGen Icons" data-filter-tags="font icons nextgen icons">
                                            <span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons">NextGen Icons</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="icons_nextgen_general.html" title="General" data-filter-tags="font icons nextgen icons general">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_general">General</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="icons_nextgen_base.html" title="Base" data-filter-tags="font icons nextgen icons base">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_nextgen_icons_base">Base</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" title="Stack Icons" data-filter-tags="font icons stack icons">
                                            <span class="nav-link-text" data-i18n="nav.font_icons_stack_icons">Stack Icons</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="icons_stack_showcase.html" title="Showcase" data-filter-tags="font icons stack icons showcase">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_showcase">Showcase</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="icons_stack_generate.html?layers=3" title="Generate Stack" data-filter-tags="font icons stack icons generate stack">
                                                    <span class="nav-link-text" data-i18n="nav.font_icons_stack_icons_generate_stack">Generate Stack</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Tables" data-filter-tags="tables">
                                    <i class="fal fa-th-list"></i>
                                    <span class="nav-link-text" data-i18n="nav.tables">Tables</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="tables_basic.html" title="Basic Tables" data-filter-tags="tables basic tables">
                                            <span class="nav-link-text" data-i18n="nav.tables_basic_tables">Basic Tables</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="tables_generate_style.html" title="Generate Table Style" data-filter-tags="tables generate table style">
                                            <span class="nav-link-text" data-i18n="nav.tables_generate_table_style">Generate Table Style</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Form Stuff" data-filter-tags="form stuff">
                                    <i class="fal fa-edit"></i>
                                    <span class="nav-link-text" data-i18n="nav.form_stuff">Form Stuff</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="form_basic_inputs.html" title="Basic Inputs" data-filter-tags="form stuff basic inputs">
                                            <span class="nav-link-text" data-i18n="nav.form_stuff_basic_inputs">Basic Inputs</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_checkbox_radio.html" title="Checkbox & Radio" data-filter-tags="form stuff checkbox & radio">
                                            <span class="nav-link-text" data-i18n="nav.form_stuff_checkbox_&_radio">Checkbox & Radio</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_input_groups.html" title="Input Groups" data-filter-tags="form stuff input groups">
                                            <span class="nav-link-text" data-i18n="nav.form_stuff_input_groups">Input Groups</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_validation.html" title="Validation" data-filter-tags="form stuff validation">
                                            <span class="nav-link-text" data-i18n="nav.form_stuff_validation">Validation</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-title">Plugins & Addons</li>
                            <li>
                                <a href="#" title="Plugins" data-filter-tags="plugins">
                                    <i class="fal fa-shield-alt"></i>
                                    <span class="nav-link-text" data-i18n="nav.plugins">Core Plugins</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="plugin_faq.html" title="Plugins FAQ" data-filter-tags="plugins plugins faq">
                                            <span class="nav-link-text" data-i18n="nav.plugins_plugins_faq">Plugins FAQ</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_waves.html" title="Waves" data-filter-tags="plugins waves">
                                            <span class="nav-link-text" data-i18n="nav.plugins_waves">Waves</span>
                                            <span class="dl-ref label bg-primary-400 ml-2">9 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_pacejs.html" title="PaceJS" data-filter-tags="plugins pacejs">
                                            <span class="nav-link-text" data-i18n="nav.plugins_pacejs">PaceJS</span>
                                            <span class="dl-ref label bg-primary-500 ml-2">13 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_smartpanels.html" title="SmartPanels" data-filter-tags="plugins smartpanels">
                                            <span class="nav-link-text" data-i18n="nav.plugins_smartpanels">SmartPanels</span>
                                            <span class="dl-ref label bg-primary-600 ml-2">9 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_bootbox.html" title="BootBox" data-filter-tags="plugins bootbox alert sound">
                                            <span class="nav-link-text" data-i18n="nav.plugins_bootbox">BootBox</span>
                                            <span class="dl-ref label bg-primary-600 ml-2">15 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_slimscroll.html" title="Slimscroll" data-filter-tags="plugins slimscroll">
                                            <span class="nav-link-text" data-i18n="nav.plugins_slimscroll">Slimscroll</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">5 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_throttle.html" title="Throttle" data-filter-tags="plugins throttle">
                                            <span class="nav-link-text" data-i18n="nav.plugins_throttle">Throttle</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">1 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_navigation.html" title="Navigation" data-filter-tags="plugins navigation">
                                            <span class="nav-link-text" data-i18n="nav.plugins_navigation">Navigation</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">2 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_i18next.html" title="i18next" data-filter-tags="plugins i18next">
                                            <span class="nav-link-text" data-i18n="nav.plugins_i18next">i18next</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">10 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="plugin_appcore.html" title="App.Core" data-filter-tags="plugins app.core">
                                            <span class="nav-link-text" data-i18n="nav.plugins_app.core">App.Core</span>
                                            <span class="dl-ref label bg-success-700 ml-2">14 KB</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="active open">
                                <a href="#" title="Datatables" data-filter-tags="datatables datagrid">
                                    <i class="fal fa-table"></i>
                                    <span class="nav-link-text" data-i18n="nav.datatables">Datatables</span>
                                    <span class="dl-ref bg-primary-500 hidden-nav-function-minify hidden-nav-function-top">235 KB</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="datatables_basic.html" title="Basic" data-filter-tags="datatables datagrid basic">
                                            <span class="nav-link-text" data-i18n="nav.datatables_basic">Basic</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_autofill.html" title="Autofill" data-filter-tags="datatables datagrid autofill">
                                            <span class="nav-link-text" data-i18n="nav.datatables_autofill">Autofill</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_buttons.html" title="Buttons" data-filter-tags="datatables datagrid buttons">
                                            <span class="nav-link-text" data-i18n="nav.datatables_buttons">Buttons</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_export.html" title="Export" data-filter-tags="datatables datagrid export tables pdf excel print csv">
                                            <span class="nav-link-text" data-i18n="nav.datatables_export">Export</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_colreorder.html" title="ColReorder" data-filter-tags="datatables datagrid colreorder">
                                            <span class="nav-link-text" data-i18n="nav.datatables_colreorder">ColReorder</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_columnfilter.html" title="ColumnFilter" data-filter-tags="datatables datagrid columnfilter">
                                            <span class="nav-link-text" data-i18n="nav.datatables_columnfilter">ColumnFilter</span>
                                        </a>
                                    </li>
                                    <li class="active">
                                        <a href="datatables_fixedcolumns.html" title="FixedColumns" data-filter-tags="datatables datagrid fixedcolumns">
                                            <span class="nav-link-text" data-i18n="nav.datatables_fixedcolumns">FixedColumns</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_fixedheader.html" title="FixedHeader" data-filter-tags="datatables datagrid fixedheader">
                                            <span class="nav-link-text" data-i18n="nav.datatables_fixedheader">FixedHeader</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_keytable.html" title="KeyTable" data-filter-tags="datatables datagrid keytable">
                                            <span class="nav-link-text" data-i18n="nav.datatables_keytable">KeyTable</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_responsive.html" title="Responsive" data-filter-tags="datatables datagrid responsive">
                                            <span class="nav-link-text" data-i18n="nav.datatables_responsive">Responsive</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_responsive_alt.html" title="Responsive Alt" data-filter-tags="datatables datagrid responsive alt">
                                            <span class="nav-link-text" data-i18n="nav.datatables_responsive_alt">Responsive Alt</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_rowgroup.html" title="RowGroup" data-filter-tags="datatables datagrid rowgroup">
                                            <span class="nav-link-text" data-i18n="nav.datatables_rowgroup">RowGroup</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_rowreorder.html" title="RowReorder" data-filter-tags="datatables datagrid rowreorder">
                                            <span class="nav-link-text" data-i18n="nav.datatables_rowreorder">RowReorder</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_scroller.html" title="Scroller" data-filter-tags="datatables datagrid scroller">
                                            <span class="nav-link-text" data-i18n="nav.datatables_scroller">Scroller</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_select.html" title="Select" data-filter-tags="datatables datagrid select">
                                            <span class="nav-link-text" data-i18n="nav.datatables_select">Select</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="datatables_alteditor.html" title="AltEditor" data-filter-tags="datatables datagrid alteditor">
                                            <span class="nav-link-text" data-i18n="nav.datatables_alteditor">AltEditor</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Statistics" data-filter-tags="statistics chart graphs">
                                    <i class="fal fa-chart-pie"></i>
                                    <span class="nav-link-text" data-i18n="nav.statistics">Statistics</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="statistics_flot.html" title="Flot" data-filter-tags="statistics chart graphs flot bar pie">
                                            <span class="nav-link-text" data-i18n="nav.statistics_flot">Flot</span>
                                            <span class="dl-ref label bg-primary-500 ml-2">36 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="statistics_chartjs.html" title="Chart.js" data-filter-tags="statistics chart graphs chart.js bar pie">
                                            <span class="nav-link-text" data-i18n="nav.statistics_chart.js">Chart.js</span>
                                            <span class="dl-ref label bg-primary-500 ml-2">205 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="statistics_chartist.html" title="Chartist.js" data-filter-tags="statistics chart graphs chartist.js">
                                            <span class="nav-link-text" data-i18n="nav.statistics_chartist.js">Chartist.js</span>
                                            <span class="dl-ref label bg-primary-600 ml-2">39 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="statistics_c3.html" title="C3 Charts" data-filter-tags="statistics chart graphs c3 charts">
                                            <span class="nav-link-text" data-i18n="nav.statistics_c3_charts">C3 Charts</span>
                                            <span class="dl-ref label bg-primary-600 ml-2">197 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="statistics_peity.html" title="Peity" data-filter-tags="statistics chart graphs peity small">
                                            <span class="nav-link-text" data-i18n="nav.statistics_peity">Peity</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="statistics_sparkline.html" title="Sparkline" data-filter-tags="statistics chart graphs sparkline small tiny">
                                            <span class="nav-link-text" data-i18n="nav.statistics_sparkline">Sparkline</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">42 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="statistics_easypiechart.html" title="Easy Pie Chart" data-filter-tags="statistics chart graphs easy pie chart">
                                            <span class="nav-link-text" data-i18n="nav.statistics_easy_pie_chart">Easy Pie Chart</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">4 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="statistics_dygraph.html" title="Dygraph" data-filter-tags="statistics chart graphs dygraph complex">
                                            <span class="nav-link-text" data-i18n="nav.statistics_dygraph">Dygraph</span>
                                            <span class="dl-ref label bg-primary-700 ml-2">120 KB</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Notifications" data-filter-tags="notifications">
                                    <i class="fal fa-exclamation-circle"></i>
                                    <span class="nav-link-text" data-i18n="nav.notifications">Notifications</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="notifications_sweetalert2.html" title="SweetAlert2" data-filter-tags="notifications sweetalert2">
                                            <span class="nav-link-text" data-i18n="nav.notifications_sweetalert2">SweetAlert2</span>
                                            <span class="dl-ref label bg-primary-500 ml-2">40 KB</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="notifications_toastr.html" title="Toastr" data-filter-tags="notifications toastr">
                                            <span class="nav-link-text" data-i18n="nav.notifications_toastr">Toastr</span>
                                            <span class="dl-ref label bg-primary-600 ml-2">5 KB</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Form Plugins" data-filter-tags="form plugins">
                                    <i class="fal fa-credit-card-front"></i>
                                    <span class="nav-link-text" data-i18n="nav.form_plugins">Form Plugins</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="form_plugins_colorpicker.html" title="Color Picker" data-filter-tags="form plugins color picker">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_color_picker">Color Picker</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugins_datepicker.html" title="Date Picker" data-filter-tags="form plugins date picker">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_date_picker">Date Picker</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugins_daterange_picker.html" title="Date Range Picker" data-filter-tags="form plugins date range picker">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_date_range_picker">Date Range Picker</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugins_dropzone.html" title="Dropzone" data-filter-tags="form plugins dropzone">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_dropzone">Dropzone</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugins_ionrangeslider.html" title="Ion.RangeSlider" data-filter-tags="form plugins ion.rangeslider">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_ion.rangeslider">Ion.RangeSlider</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugins_inputmask.html" title="Inputmask" data-filter-tags="form plugins inputmask">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_inputmask">Inputmask</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugin_imagecropper.html" title="Image Cropper" data-filter-tags="form plugins image cropper">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_image_cropper">Image Cropper</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugin_select2.html" title="Select2" data-filter-tags="form plugins select2">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_select2">Select2</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="form_plugin_summernote.html" title="Summernote" data-filter-tags="form plugins summernote texteditor editor">
                                            <span class="nav-link-text" data-i18n="nav.form_plugins_summernote">Summernote</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" title="Miscellaneous" data-filter-tags="miscellaneous">
                                    <i class="fal fa-globe"></i>
                                    <span class="nav-link-text" data-i18n="nav.miscellaneous">Miscellaneous</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="miscellaneous_fullcalendar.html" title="FullCalendar" data-filter-tags="miscellaneous fullcalendar">
                                            <span class="nav-link-text" data-i18n="nav.miscellaneous_fullcalendar">FullCalendar</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="miscellaneous_lightgallery.html" title="Light Gallery" data-filter-tags="miscellaneous light gallery">
                                            <span class="nav-link-text" data-i18n="nav.miscellaneous_light_gallery">Light Gallery</span>
                                            <span class="dl-ref label bg-primary-500 ml-2">61 KB</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav-title">Layouts & Apps</li>
                            <li>
                                <a href="#" title="Pages" data-filter-tags="pages">
                                    <i class="fal fa-plus-circle"></i>
                                    <span class="nav-link-text" data-i18n="nav.pages">Page Views</span>
                                </a>
                                <ul>
                                    <li>
                                        <a href="page_chat.html" title="Chat" data-filter-tags="pages chat">
                                            <span class="nav-link-text" data-i18n="nav.pages_chat">Chat</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="page_contacts.html" title="Contacts" data-filter-tags="pages contacts">
                                            <span class="nav-link-text" data-i18n="nav.pages_contacts">Contacts</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" title="Forum" data-filter-tags="pages forum">
                                            <span class="nav-link-text" data-i18n="nav.pages_forum">Forum</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="page_forum_list.html" title="List" data-filter-tags="pages forum list">
                                                    <span class="nav-link-text" data-i18n="nav.pages_forum_list">List</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_forum_threads.html" title="Threads" data-filter-tags="pages forum threads">
                                                    <span class="nav-link-text" data-i18n="nav.pages_forum_threads">Threads</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_forum_discussion.html" title="Discussion" data-filter-tags="pages forum discussion">
                                                    <span class="nav-link-text" data-i18n="nav.pages_forum_discussion">Discussion</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" title="Inbox" data-filter-tags="pages inbox">
                                            <span class="nav-link-text" data-i18n="nav.pages_inbox">Inbox</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="page_inbox_general.html" title="General" data-filter-tags="pages inbox general">
                                                    <span class="nav-link-text" data-i18n="nav.pages_inbox_general">General</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_inbox_read.html" title="Read" data-filter-tags="pages inbox read">
                                                    <span class="nav-link-text" data-i18n="nav.pages_inbox_read">Read</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_inbox_write.html" title="Write" data-filter-tags="pages inbox write">
                                                    <span class="nav-link-text" data-i18n="nav.pages_inbox_write">Write</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="page_invoice.html" title="Invoice (printable)" data-filter-tags="pages invoice (printable)">
                                            <span class="nav-link-text" data-i18n="nav.pages_invoice_(printable)">Invoice (printable)</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" title="Authentication" data-filter-tags="pages authentication">
                                            <span class="nav-link-text" data-i18n="nav.pages_authentication">Authentication</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="page_forget.html" title="Forget Password" data-filter-tags="pages authentication forget password">
                                                    <span class="nav-link-text" data-i18n="nav.pages_authentication_forget_password">Forget Password</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_locked.html" title="Locked Screen" data-filter-tags="pages authentication locked screen">
                                                    <span class="nav-link-text" data-i18n="nav.pages_authentication_locked_screen">Locked Screen</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_login.html" title="Login" data-filter-tags="pages authentication login">
                                                    <span class="nav-link-text" data-i18n="nav.pages_authentication_login">Login</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_login_alt.html" title="Login Alt" data-filter-tags="pages authentication login alt">
                                                    <span class="nav-link-text" data-i18n="nav.pages_authentication_login_alt">Login Alt</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_register.html" title="Register" data-filter-tags="pages authentication register">
                                                    <span class="nav-link-text" data-i18n="nav.pages_authentication_register">Register</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_confirmation.html" title="Confirmation" data-filter-tags="pages authentication confirmation">
                                                    <span class="nav-link-text" data-i18n="nav.pages_authentication_confirmation">Confirmation</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);" title="Error Pages" data-filter-tags="pages error pages">
                                            <span class="nav-link-text" data-i18n="nav.pages_error_pages">Error Pages</span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="page_error.html" title="General Error" data-filter-tags="pages error pages general error">
                                                    <span class="nav-link-text" data-i18n="nav.pages_error_pages_general_error">General Error</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_error_404.html" title="Server Error" data-filter-tags="pages error pages server error">
                                                    <span class="nav-link-text" data-i18n="nav.pages_error_pages_server_error">Server Error</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="page_error_announced.html" title="Announced Error" data-filter-tags="pages error pages announced error">
                                                    <span class="nav-link-text" data-i18n="nav.pages_error_pages_announced_error">Announced Error</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="page_profile.html" title="Profile" data-filter-tags="pages profile">
                                            <span class="nav-link-text" data-i18n="nav.pages_profile">Profile</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="page_search.html" title="Search Results" data-filter-tags="pages search results">
                                            <span class="nav-link-text" data-i18n="nav.pages_search_results">Search Results</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="filter-message js-filter-message bg-success-600"></div>
                    </nav>
                    <!-- END PRIMARY NAVIGATION -->
                    <!-- NAV FOOTER -->
                    <div class="nav-footer shadow-top">
                        <a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
                            <i class="ni ni-chevron-right"></i>
                            <i class="ni ni-chevron-right"></i>
                        </a>
                        <ul class="list-table m-auto nav-footer-buttons">
                            <li>
                                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Chat logs">
                                    <i class="fal fa-comments"></i>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Support Chat">
                                    <i class="fal fa-life-ring"></i>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Make a call">
                                    <i class="fal fa-phone"></i>
                                </a>
                            </li>
                        </ul>
                    </div> <!-- END NAV FOOTER -->
                </aside>
                <!-- END Left Aside -->
                <div class="page-content-wrapper">
                    <!-- BEGIN Page Header -->
                    <header class="page-header" role="banner">
                        <!-- we need this logo when user switches to nav-function-top -->
                        <div class="page-logo">
                            <a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
                                <img src="img/logo.png" alt="SmartAdmin WebApp" aria-roledescription="logo">
                                <span class="page-logo-text mr-1">SmartAdmin WebApp</span>
                                <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
                                <i class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
                            </a>
                        </div>
                        <!-- DOC: nav menu layout change shortcut -->
                        <div class="hidden-md-down dropdown-icon-menu position-relative">
                            <a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="Hide Navigation">
                                <i class="ni ni-menu"></i>
                            </a>
                            <ul>
                                <li>
                                    <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Minify Navigation">
                                        <i class="ni ni-minify-nav"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-fixed" title="Lock Navigation">
                                        <i class="ni ni-lock-nav"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- DOC: mobile button appears during mobile width -->
                        <div class="hidden-lg-up">
                            <a href="#" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on">
                                <i class="ni ni-menu"></i>
                            </a>
                        </div>
                        <div class="search">
                            <form class="app-forms hidden-xs-down" role="search" action="page_search.html" autocomplete="off">
                                <input type="text" id="search-field" placeholder="Search for anything" class="form-control" tabindex="1">
                                <a href="#" onclick="return false;" class="btn-danger btn-search-close js-waves-off d-none" data-action="toggle" data-class="mobile-search-on">
                                    <i class="fal fa-times"></i>
                                </a>
                            </form>
                        </div>
                        <div class="ml-auto d-flex">
                            <!-- activate app search icon (mobile) -->
                            <div class="hidden-sm-up">
                                <a href="#" class="header-icon" data-action="toggle" data-class="mobile-search-on" data-focus="search-field" title="Search">
                                    <i class="fal fa-search"></i>
                                </a>
                            </div>
                            <!-- app settings -->
                            <div class="hidden-md-down">
                                <a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-settings">
                                    <i class="fal fa-cog"></i>
                                </a>
                            </div>
                            <!-- app shortcuts -->
                            <div>
                                <a href="#" class="header-icon" data-toggle="dropdown" title="My Apps">
                                    <i class="fal fa-cube"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-animated w-auto h-auto">
                                    <div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top">
                                        <h4 class="m-0 text-center color-white">
                                            Quick Shortcut
                                            <small class="mb-0 opacity-80">User Applications & Addons</small>
                                        </h4>
                                    </div>
                                    <div class="custom-scroll h-100">
                                        <ul class="app-list">
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-2 icon-stack-3x color-primary-600"></i>
                                                        <i class="base-3 icon-stack-2x color-primary-700"></i>
                                                        <i class="ni ni-settings icon-stack-1x text-white fs-lg"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Services
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-2 icon-stack-3x color-primary-400"></i>
                                                        <i class="base-10 text-white icon-stack-1x"></i>
                                                        <i class="ni md-profile color-primary-800 icon-stack-2x"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Account
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-9 icon-stack-3x color-success-400"></i>
                                                        <i class="base-2 icon-stack-2x color-success-500"></i>
                                                        <i class="ni ni-shield icon-stack-1x text-white"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Security
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-18 icon-stack-3x color-info-700"></i>
                                                        <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">28</span>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Calendar
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-7 icon-stack-3x color-info-500"></i>
                                                        <i class="base-7 icon-stack-2x color-info-700"></i>
                                                        <i class="ni ni-graph icon-stack-1x text-white"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Stats
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-4 icon-stack-3x color-danger-500"></i>
                                                        <i class="base-4 icon-stack-1x color-danger-400"></i>
                                                        <i class="ni ni-envelope icon-stack-1x text-white"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Messages
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-4 icon-stack-3x color-fusion-400"></i>
                                                        <i class="base-5 icon-stack-2x color-fusion-200"></i>
                                                        <i class="base-5 icon-stack-1x color-fusion-100"></i>
                                                        <i class="fal fa-keyboard icon-stack-1x color-info-50"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Notes
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-16 icon-stack-3x color-fusion-500"></i>
                                                        <i class="base-10 icon-stack-1x color-primary-50 opacity-30"></i>
                                                        <i class="base-10 icon-stack-1x fs-xl color-primary-50 opacity-20"></i>
                                                        <i class="fal fa-dot-circle icon-stack-1x text-white opacity-85"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Photos
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-19 icon-stack-3x color-primary-400"></i>
                                                        <i class="base-7 icon-stack-2x color-primary-300"></i>
                                                        <i class="base-7 icon-stack-1x fs-xxl color-primary-200"></i>
                                                        <i class="base-7 icon-stack-1x color-primary-500"></i>
                                                        <i class="fal fa-globe icon-stack-1x text-white opacity-85"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Maps
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-5 icon-stack-3x color-success-700 opacity-80"></i>
                                                        <i class="base-12 icon-stack-2x color-success-700 opacity-30"></i>
                                                        <i class="fal fa-comment-alt icon-stack-1x text-white"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Chat
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-5 icon-stack-3x color-warning-600"></i>
                                                        <i class="base-7 icon-stack-2x color-warning-800 opacity-50"></i>
                                                        <i class="fal fa-phone icon-stack-1x text-white"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Phone
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="app-list-item hover-white">
                                                    <span class="icon-stack">
                                                        <i class="base-6 icon-stack-3x color-danger-600"></i>
                                                        <i class="fal fa-chart-line icon-stack-1x text-white"></i>
                                                    </span>
                                                    <span class="app-list-name">
                                                        Projects
                                                    </span>
                                                </a>
                                            </li>
                                            <li class="w-100">
                                                <a href="#" class="btn btn-default mt-4 mb-2 pr-5 pl-5"> Add more apps </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- app message -->
                            <a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-messenger">
                                <i class="fal fa-globe"></i>
                                <span class="badge badge-icon">!</span>
                            </a>
                            <!-- app notification -->
                            <div>
                                <a href="#" class="header-icon" data-toggle="dropdown" title="You got 11 notifications">
                                    <i class="fal fa-bell"></i>
                                    <span class="badge badge-icon">11</span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-animated dropdown-xl">
                                    <div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top mb-2">
                                        <h4 class="m-0 text-center color-white">
                                            11 New
                                            <small class="mb-0 opacity-80">User Notifications</small>
                                        </h4>
                                    </div>
                                    <ul class="nav nav-tabs nav-tabs-clean" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-messages" data-i18n="drpdwn.messages">Messages</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-feeds" data-i18n="drpdwn.feeds">Feeds</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-events" data-i18n="drpdwn.events">Events</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content tab-notification">
                                        <div class="tab-pane active p-3 text-center">
                                            <h5 class="mt-4 pt-4 fw-500">
                                                <span class="d-block fa-3x pb-4 text-muted">
                                                    <i class="ni ni-arrow-up text-gradient opacity-70"></i>
                                                </span> Select a tab above to activate
                                                <small class="mt-3 fs-b fw-400 text-muted">
                                                    This blank page message helps protect your privacy, or you can show the first message here automatically through
                                                    <a href="#">settings page</a>
                                                </small>
                                            </h5>
                                        </div>
                                        <div class="tab-pane" id="tab-messages" role="tabpanel">
                                            <div class="custom-scroll h-100">
                                                <ul class="notification">
                                                    <li class="unread">
                                                        <a href="#" class="d-flex align-items-center">
                                                            <span class="status mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Melissa Ayre <span class="badge badge-primary fw-n position-absolute pos-top pos-right mt-1">INBOX</span></span>
                                                                <span class="msg-a fs-sm">Re: New security codes</span>
                                                                <span class="msg-b fs-xs">Hello again and thanks for being part...</span>
                                                                <span class="fs-nano text-muted mt-1">56 seconds ago</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li class="unread">
                                                        <a href="#" class="d-flex align-items-center">
                                                            <span class="status mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Adison Lee</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">2 minutes ago</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-success mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Oliver Kopyuv</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">3 days ago</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-warning mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Dr. John Cook PhD</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">2 weeks ago</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-success mr-2">
                                                                <!-- <img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle" alt="Sarah McBrook" /> -->
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Sarah McBrook</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">3 weeks ago</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-success mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-m.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Anothony Bezyeth</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">one month ago</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="d-flex align-items-center">
                                                            <span class="status status-danger mr-2">
                                                                <span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-j.png')"></span>
                                                            </span>
                                                            <span class="d-flex flex-column flex-1 ml-1">
                                                                <span class="name">Lisa Hatchensen</span>
                                                                <span class="msg-a fs-sm">Msed quia non numquam eius</span>
                                                                <span class="fs-nano text-muted mt-1">one year ago</span>
                                                            </span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab-feeds" role="tabpanel">
                                            <div class="custom-scroll h-100">
                                                <ul class="notification">
                                                    <li class="unread">
                                                        <div class="d-flex align-items-center show-child-on-hover">
                                                            <span class="d-flex flex-column flex-1">
                                                                <span class="name d-flex align-items-center">Administrator <span class="badge badge-success fw-n ml-1">UPDATE</span></span>
                                                                <span class="msg-a fs-sm">
                                                                    System updated to version <strong>4.0.2</strong> <a href="intel_build_notes.html">(patch notes)</a>
                                                                </span>
                                                                <span class="fs-nano text-muted mt-1">5 mins ago</span>
                                                            </span>
                                                            <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                                <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="d-flex align-items-center show-child-on-hover">
                                                            <div class="d-flex flex-column flex-1">
                                                                <span class="name">
                                                                    Adison Lee <span class="fw-300 d-inline">replied to your video <a href="#" class="fw-400"> Cancer Drug</a> </span>
                                                                </span>
                                                                <span class="msg-a fs-sm mt-2">Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day...</span>
                                                                <span class="fs-nano text-muted mt-1">10 minutes ago</span>
                                                            </div>
                                                            <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                                <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="d-flex align-items-center show-child-on-hover">
                                                            <!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-k.png" class="profile-image rounded-circle" alt="k" />-->
                                                            <div class="d-flex flex-column flex-1">
                                                                <span class="name">
                                                                    Troy Norman'<span class="fw-300">s new connections</span>
                                                                </span>
                                                                <div class="fs-sm d-flex align-items-center mt-2">
                                                                    <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
                                                                    <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
                                                                    <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
                                                                    <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
                                                                    <div data-hasmore="+3" class="rounded-circle profile-image-md mr-1">
                                                                        <span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
                                                                    </div>
                                                                </div>
                                                                <span class="fs-nano text-muted mt-1">55 minutes ago</span>
                                                            </div>
                                                            <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                                <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="d-flex align-items-center show-child-on-hover">
                                                            <!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-e.png" class="profile-image-sm rounded-circle align-self-start mt-1" alt="k" />-->
                                                            <div class="d-flex flex-column flex-1">
                                                                <span class="name">Dr John Cook <span class="fw-300">sent a <span class="text-danger">new signal</span></span></span>
                                                                <span class="msg-a fs-sm mt-2">Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</span>
                                                                <span class="fs-nano text-muted mt-1">10 minutes ago</span>
                                                            </div>
                                                            <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                                <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="d-flex align-items-center show-child-on-hover">
                                                            <div class="d-flex flex-column flex-1">
                                                                <span class="name">Lab Images <span class="fw-300">were updated!</span></span>
                                                                <div class="fs-sm d-flex align-items-center mt-1">
                                                                    <a href="#" class="mr-1 mt-1" title="Cell A-0012">
                                                                        <span class="d-block img-share" style="background-image:url('img/thumbs/pic-7.png'); background-size: cover;"></span>
                                                                    </a>
                                                                    <a href="#" class="mr-1 mt-1" title="Patient A-473 saliva">
                                                                        <span class="d-block img-share" style="background-image:url('img/thumbs/pic-8.png'); background-size: cover;"></span>
                                                                    </a>
                                                                    <a href="#" class="mr-1 mt-1" title="Patient A-473 blood cells">
                                                                        <span class="d-block img-share" style="background-image:url('img/thumbs/pic-11.png'); background-size: cover;"></span>
                                                                    </a>
                                                                    <a href="#" class="mr-1 mt-1" title="Patient A-473 Membrane O.C">
                                                                        <span class="d-block img-share" style="background-image:url('img/thumbs/pic-12.png'); background-size: cover;"></span>
                                                                    </a>
                                                                </div>
                                                                <span class="fs-nano text-muted mt-1">55 minutes ago</span>
                                                            </div>
                                                            <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                                <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li>
                                                        <div class="d-flex align-items-center show-child-on-hover">
                                                            <!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle align-self-start mt-1" alt="k" />-->
                                                            <div class="d-flex flex-column flex-1">
                                                                <div class="name mb-2">
                                                                    Lisa Lamar<span class="fw-300"> updated project</span>
                                                                </div>
                                                                <div class="row fs-b fw-300">
                                                                    <div class="col text-left">
                                                                        Progress
                                                                    </div>
                                                                    <div class="col text-right fw-500">
                                                                        45%
                                                                    </div>
                                                                </div>
                                                                <div class="progress progress-sm d-flex mt-1">
                                                                    <span class="progress-bar bg-primary-500 progress-bar-striped" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></span>
                                                                </div>
                                                                <span class="fs-nano text-muted mt-1">2 hrs ago</span>
                                                                <div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
                                                                    <a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab-events" role="tabpanel">
                                            <div class="d-flex flex-column h-100">
                                                <div class="h-auto">
                                                    <table class="table table-bordered table-calendar m-0 w-100 h-100 border-0">
                                                        <tr>
                                                            <th colspan="7" class="pt-3 pb-2 pl-3 pr-3 text-center">
                                                                <div class="js-get-date h5 mb-2">[your date here]</div>
                                                            </th>
                                                        </tr>
                                                        <tr class="text-center">
                                                            <th>Sun</th>
                                                            <th>Mon</th>
                                                            <th>Tue</th>
                                                            <th>Wed</th>
                                                            <th>Thu</th>
                                                            <th>Fri</th>
                                                            <th>Sat</th>
                                                        </tr>
                                                        <tr>
                                                            <td class="text-muted bg-faded">30</td>
                                                            <td>1</td>
                                                            <td>2</td>
                                                            <td>3</td>
                                                            <td>4</td>
                                                            <td>5</td>
                                                            <td><i class="fal fa-birthday-cake mt-1 ml-1 position-absolute pos-left pos-top text-primary"></i> 6</td>
                                                        </tr>
                                                        <tr>
                                                            <td>7</td>
                                                            <td>8</td>
                                                            <td>9</td>
                                                            <td class="bg-primary-300 pattern-0">10</td>
                                                            <td>11</td>
                                                            <td>12</td>
                                                            <td>13</td>
                                                        </tr>
                                                        <tr>
                                                            <td>14</td>
                                                            <td>15</td>
                                                            <td>16</td>
                                                            <td>17</td>
                                                            <td>18</td>
                                                            <td>19</td>
                                                            <td>20</td>
                                                        </tr>
                                                        <tr>
                                                            <td>21</td>
                                                            <td>22</td>
                                                            <td>23</td>
                                                            <td>24</td>
                                                            <td>25</td>
                                                            <td>26</td>
                                                            <td>27</td>
                                                        </tr>
                                                        <tr>
                                                            <td>28</td>
                                                            <td>29</td>
                                                            <td>30</td>
                                                            <td>31</td>
                                                            <td class="text-muted bg-faded">1</td>
                                                            <td class="text-muted bg-faded">2</td>
                                                            <td class="text-muted bg-faded">3</td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="flex-1 custom-scroll">
                                                    <div class="p-2">
                                                        <div class="d-flex align-items-center text-left mb-3">
                                                            <div class="width-5 fw-300 text-primary l-h-n mr-1 align-self-start fs-xxl">
                                                                15
                                                            </div>
                                                            <div class="flex-1">
                                                                <div class="d-flex flex-column">
                                                                    <span class="l-h-n fs-md fw-500 opacity-70">
                                                                        October 2020
                                                                    </span>
                                                                    <span class="l-h-n fs-nano fw-400 text-secondary">
                                                                        Friday
                                                                    </span>
                                                                </div>
                                                                <div class="mt-3">
                                                                    <p>
                                                                        <strong>2:30PM</strong> - Doctor's appointment
                                                                    </p>
                                                                    <p>
                                                                        <strong>3:30PM</strong> - Report overview
                                                                    </p>
                                                                    <p>
                                                                        <strong>4:30PM</strong> - Meeting with Donnah V.
                                                                    </p>
                                                                    <p>
                                                                        <strong>5:30PM</strong> - Late Lunch
                                                                    </p>
                                                                    <p>
                                                                        <strong>6:30PM</strong> - Report Compression
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="py-2 px-3 bg-faded d-block rounded-bottom text-right border-faded border-bottom-0 border-right-0 border-left-0">
                                        <a href="#" class="fs-xs fw-500 ml-auto">view all notifications</a>
                                    </div>
                                </div>
                            </div>
                            <!-- app user menu -->
                            <div>
                                <a href="#" data-toggle="dropdown" title="drlantern@gotbootstrap.com" class="header-icon d-flex align-items-center justify-content-center ml-2">
                                    <img src="img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
                                    <!-- you can also add username next to the avatar with the codes below:
									<span class="ml-1 mr-1 text-truncate text-truncate-header hidden-xs-down">Me</span>
									<i class="ni ni-chevron-down hidden-xs-down"></i> -->
                                </a>
                                <div class="dropdown-menu dropdown-menu-animated dropdown-lg">
                                    <div class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
                                        <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
                                            <span class="mr-2">
                                                <img src="img/demo/avatars/avatar-admin.png" class="rounded-circle profile-image" alt="Dr. Codex Lantern">
                                            </span>
                                            <div class="info-card-text">
                                                <div class="fs-lg text-truncate text-truncate-lg">Dr. Codex Lantern</div>
                                                <span class="text-truncate text-truncate-md opacity-80">drlantern@gotbootstrap.com</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="dropdown-divider m-0"></div>
                                    <a href="#" class="dropdown-item" data-action="app-reset">
                                        <span data-i18n="drpdwn.reset_layout">Reset Layout</span>
                                    </a>
                                    <a href="#" class="dropdown-item" data-toggle="modal" data-target=".js-modal-settings">
                                        <span data-i18n="drpdwn.settings">Settings</span>
                                    </a>
                                    <div class="dropdown-divider m-0"></div>
                                    <a href="#" class="dropdown-item" data-action="app-fullscreen">
                                        <span data-i18n="drpdwn.fullscreen">Fullscreen</span>
                                        <i class="float-right text-muted fw-n">F11</i>
                                    </a>
                                    <a href="#" class="dropdown-item" data-action="app-print">
                                        <span data-i18n="drpdwn.print">Print</span>
                                        <i class="float-right text-muted fw-n">Ctrl + P</i>
                                    </a>
                                    <div class="dropdown-multilevel dropdown-multilevel-left">
                                        <div class="dropdown-item">
                                            Language
                                        </div>
                                        <div class="dropdown-menu">
                                            <a href="#?lang=fr" class="dropdown-item" data-action="lang" data-lang="fr">Français</a>
                                            <a href="#?lang=en" class="dropdown-item active" data-action="lang" data-lang="en">English (US)</a>
                                            <a href="#?lang=es" class="dropdown-item" data-action="lang" data-lang="es">Español</a>
                                            <a href="#?lang=ru" class="dropdown-item" data-action="lang" data-lang="ru">Русский язык</a>
                                            <a href="#?lang=jp" class="dropdown-item" data-action="lang" data-lang="jp">日本語</a>
                                            <a href="#?lang=ch" class="dropdown-item" data-action="lang" data-lang="ch">中文</a>
                                        </div>
                                    </div>
                                    <div class="dropdown-divider m-0"></div>
                                    <a class="dropdown-item fw-500 pt-3 pb-3" href="page_login_alt.html">
                                        <span data-i18n="drpdwn.page-logout">Logout</span>
                                        <span class="float-right fw-n">&commat;codexlantern</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </header>
                    <!-- END Page Header -->
                    <!-- BEGIN Page Content -->
                    <!-- the #js-page-content id is needed for some plugins to initialize -->
                    <main id="js-page-content" role="main" class="page-content">
                        <ol class="breadcrumb page-breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0);">SmartAdmin</a></li>
                            <li class="breadcrumb-item">Datatables</li>
                            <li class="breadcrumb-item active">FixedColumns</li>
                            <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
                        </ol>
                        <div class="subheader">
                            <h1 class="subheader-title">
                                <i class='subheader-icon fal fa-table'></i> DataTables: <span class='fw-300'>FixedColumns</span> <sup class='badge badge-primary fw-500'>ADDON</sup>
                                <small>
                                    Create headache free searching, sorting and pagination tables without any complex configuration
                                </small>
                            </h1>
                        </div>
                        <div class="row">
                            <div class="col-xl-12">
                                <div id="panel-1" class="panel">
                                    <div class="panel-hdr">
                                        <h2>
                                            Example <span class="fw-300"><i>Table</i></span>
                                        </h2>
                                        <div class="panel-toolbar">
                                            <button class="btn btn-panel" data-action="panel-collapse" data-toggle="tooltip" data-offset="0,10" data-original-title="Collapse"></button>
                                            <button class="btn btn-panel" data-action="panel-fullscreen" data-toggle="tooltip" data-offset="0,10" data-original-title="Fullscreen"></button>
                                            <button class="btn btn-panel" data-action="panel-close" data-toggle="tooltip" data-offset="0,10" data-original-title="Close"></button>
                                        </div>
                                    </div>
                                    <div class="panel-container show">
                                        <div class="panel-content">
                                            <div class="panel-tag">
                                                <p>
                                                    When displaying a table which scrolls along the x-axis, it can sometimes be useful to the end user for the left most column to be fixed in place, if it shows grouping, index or similar information. This is basically the same idea as 'freeze columns' in Excel. This can be achieved with the FixedColumns plug-in for DataTables, as shown below:
                                                </p>
                                            </div>
                                            <!-- datatable start -->
                                            <table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th>OrderID</th>
                                                        <th>Recipient</th>
                                                        <th>Shipping.Address</th>
                                                        <th>Shipping.Country</th>
                                                        <th>Shipping.City</th>
                                                        <th>Agent</th>
                                                        <th>Company</th>
                                                        <th>OrganizationID</th>
                                                        <th>Latitude</th>
                                                        <th>Longitude</th>
                                                        <th>Shipping.Date</th>
                                                        <th>Delivery.Date</th>
                                                        <th>Payment.Date</th>
                                                        <th>Timezone</th>
                                                        <th>Payment</th>
                                                        <th>Email</th>
                                                        <th>Phone</th>
                                                        <th>Status</th>
                                                        <th>Admin.Controls</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>298728508</td>
                                                        <td>Samuel A. Townsend</td>
                                                        <td>Ap #376-4611 Et St.</td>
                                                        <td>Togo</td>
                                                        <td>Monceau-sur-Sambre</td>
                                                        <td>Dorian Mcintyre</td>
                                                        <td>Gravida Molestie PC</td>
                                                        <td>00439892299</td>
                                                        <td>17.61388</td>
                                                        <td>96.86623</td>
                                                        <td>2019-10-06 21:27:12</td>
                                                        <td>30/05/18</td>
                                                        <td>2019-04-19 09:08:30</td>
                                                        <td>PDT</td>
                                                        <td>$36158.32</td>
                                                        <td>euismod.mauris.eu@purusactellus.com</td>
                                                        <td>511-7454</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>398199588</td>
                                                        <td>Clare C. Perkins</td>
                                                        <td>1191 Sodales Avenue</td>
                                                        <td>Costa Rica</td>
                                                        <td>Mersin</td>
                                                        <td>Robert Howe</td>
                                                        <td>Gravida Molestie Arcu Ltd</td>
                                                        <td>31305907399</td>
                                                        <td>-68.29001</td>
                                                        <td>100.86604</td>
                                                        <td>2018-07-09 17:17:55</td>
                                                        <td>05/08/18</td>
                                                        <td>2020-02-08 16:49:29</td>
                                                        <td>PDT</td>
                                                        <td>$37471.19</td>
                                                        <td>dictum.Proin.eget@sed.ca</td>
                                                        <td>611-8302</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>419738638</td>
                                                        <td>Perry I. Gonzales</td>
                                                        <td>4895 Vel, Rd.</td>
                                                        <td>United States</td>
                                                        <td>Paglieta</td>
                                                        <td>Nita Taylor</td>
                                                        <td>Lobortis Ultrices Vivamus Corp.</td>
                                                        <td>55848451599</td>
                                                        <td>-76.12256</td>
                                                        <td>-71.3302</td>
                                                        <td>2019-12-17 05:39:26</td>
                                                        <td>15/05/19</td>
                                                        <td>2018-05-06 13:26:42</td>
                                                        <td>PDT</td>
                                                        <td>$70959.34</td>
                                                        <td>ut@sitametluctus.ca</td>
                                                        <td>750-0429</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>63227196</td>
                                                        <td>Jelani L. Phelps</td>
                                                        <td>P.O. Box 632, 1009 Erat. St.</td>
                                                        <td>Myanmar</td>
                                                        <td>Moorsele</td>
                                                        <td>Rhona Contreras</td>
                                                        <td>Arcu Foundation</td>
                                                        <td>05775245799</td>
                                                        <td>-77.54682</td>
                                                        <td>132.85627</td>
                                                        <td>2019-10-19 14:01:20</td>
                                                        <td>22/11/18</td>
                                                        <td>2019-07-04 18:52:44</td>
                                                        <td>PDT</td>
                                                        <td>$49125.35</td>
                                                        <td>aliquet.diam.Sed@Nullam.edu</td>
                                                        <td>409-6605</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>93816161</td>
                                                        <td>Xerxes T. Conner</td>
                                                        <td>776-2061 Sodales Rd.</td>
                                                        <td>Faroe Islands</td>
                                                        <td>Santander</td>
                                                        <td>Stephen Frye</td>
                                                        <td>Ligula LLC</td>
                                                        <td>15462873499</td>
                                                        <td>24.54806</td>
                                                        <td>65.87806</td>
                                                        <td>2020-03-08 21:29:49</td>
                                                        <td>05/09/18</td>
                                                        <td>2018-07-25 00:28:16</td>
                                                        <td>PST</td>
                                                        <td>$18967.68</td>
                                                        <td>nec@euodioPhasellus.org</td>
                                                        <td>257-0999</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>163796139</td>
                                                        <td>Candice L. Donaldson</td>
                                                        <td>4589 Augue St.</td>
                                                        <td>Congo (Brazzaville)</td>
                                                        <td>Peñalolén</td>
                                                        <td>Adam Lyons</td>
                                                        <td>Ullamcorper LLP</td>
                                                        <td>68866776699</td>
                                                        <td>-41.32</td>
                                                        <td>-65.2217</td>
                                                        <td>2018-11-05 11:41:22</td>
                                                        <td>27/06/18</td>
                                                        <td>2018-09-11 23:52:20</td>
                                                        <td>PST</td>
                                                        <td>$50588.44</td>
                                                        <td>Duis.cursus.diam@Aenean.co.uk</td>
                                                        <td>1-852-753-2487</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>437801703</td>
                                                        <td>Hyacinth P. Carson</td>
                                                        <td>1892 Et, St.</td>
                                                        <td>Korea, North</td>
                                                        <td>Beaumaris</td>
                                                        <td>Lawrence Powell</td>
                                                        <td>Aliquam Eros Foundation</td>
                                                        <td>06430069899</td>
                                                        <td>54.39702</td>
                                                        <td>-149.16263</td>
                                                        <td>2018-09-16 21:33:18</td>
                                                        <td>18/01/20</td>
                                                        <td>2019-08-31 08:43:58</td>
                                                        <td>PDT</td>
                                                        <td>$90455.68</td>
                                                        <td>ac@duisemperet.edu</td>
                                                        <td>1-868-762-5439</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>29387302K</td>
                                                        <td>Omar E. Morrison</td>
                                                        <td>4901 Donec Avenue</td>
                                                        <td>Mali</td>
                                                        <td>Kansas City</td>
                                                        <td>Dai Walters</td>
                                                        <td>Est Ac Mattis Corporation</td>
                                                        <td>79969224599</td>
                                                        <td>-56.95423</td>
                                                        <td>-176.51121</td>
                                                        <td>2019-07-27 18:19:38</td>
                                                        <td>24/07/19</td>
                                                        <td>2019-06-04 10:14:46</td>
                                                        <td>PDT</td>
                                                        <td>$51246.35</td>
                                                        <td>vehicula.risus@accumsanneque.com</td>
                                                        <td>1-914-907-0932</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>24438546K</td>
                                                        <td>Dora H. Mcmillan</td>
                                                        <td>230-6443 Sed Rd.</td>
                                                        <td>Angola</td>
                                                        <td>Joliet</td>
                                                        <td>Kyla Perry</td>
                                                        <td>Interdum Associates</td>
                                                        <td>91465277899</td>
                                                        <td>-9.27641</td>
                                                        <td>168.93885</td>
                                                        <td>2020-01-18 04:40:04</td>
                                                        <td>05/08/19</td>
                                                        <td>2018-12-21 13:58:27</td>
                                                        <td>PST</td>
                                                        <td>$66645.66</td>
                                                        <td>sem.elit.pharetra@molestiesodalesMauris.ca</td>
                                                        <td>1-186-429-8809</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>236288242</td>
                                                        <td>Howard J. Watkins</td>
                                                        <td>9532 Ut Avenue</td>
                                                        <td>United States</td>
                                                        <td>Cannock</td>
                                                        <td>Ora Patterson</td>
                                                        <td>Eu Incorporated</td>
                                                        <td>63202631099</td>
                                                        <td>-71.62815</td>
                                                        <td>104.40843</td>
                                                        <td>2018-10-28 19:14:38</td>
                                                        <td>21/09/18</td>
                                                        <td>2019-03-24 09:04:54</td>
                                                        <td>PST</td>
                                                        <td>$06463.36</td>
                                                        <td>mi@indolor.org</td>
                                                        <td>515-1656</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>78251840</td>
                                                        <td>Peter E. Riggs</td>
                                                        <td>5178 Phasellus Avenue</td>
                                                        <td>Cyprus</td>
                                                        <td>Litueche</td>
                                                        <td>Tallulah Booker</td>
                                                        <td>Faucibus Corporation</td>
                                                        <td>46695699299</td>
                                                        <td>-7.23908</td>
                                                        <td>-130.77606</td>
                                                        <td>2020-03-14 14:56:34</td>
                                                        <td>13/04/20</td>
                                                        <td>2019-02-23 10:15:53</td>
                                                        <td>PST</td>
                                                        <td>$77593.22</td>
                                                        <td>mi@Ut.ca</td>
                                                        <td>874-9462</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>69169546</td>
                                                        <td>Armand X. Roberson</td>
                                                        <td>318-3022 Adipiscing Av.</td>
                                                        <td>Switzerland</td>
                                                        <td>Doues</td>
                                                        <td>Willa Hensley</td>
                                                        <td>Vehicula LLP</td>
                                                        <td>25972471299</td>
                                                        <td>-36.95449</td>
                                                        <td>35.7161</td>
                                                        <td>2019-03-23 11:36:19</td>
                                                        <td>13/04/20</td>
                                                        <td>2020-01-12 17:36:13</td>
                                                        <td>PDT</td>
                                                        <td>$72178.30</td>
                                                        <td>ut.molestie.in@loremvitae.ca</td>
                                                        <td>631-6228</td>
                                                        <td>6</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>465099461</td>
                                                        <td>Reese Y. Wagner</td>
                                                        <td>9248 Hendrerit Ave</td>
                                                        <td>Canada</td>
                                                        <td>Bellevue</td>
                                                        <td>Jade Thomas</td>
                                                        <td>Magna Corp.</td>
                                                        <td>89884508899</td>
                                                        <td>-21.19867</td>
                                                        <td>-90.01975</td>
                                                        <td>2019-07-21 23:16:57</td>
                                                        <td>04/09/18</td>
                                                        <td>2018-07-14 03:01:55</td>
                                                        <td>PDT</td>
                                                        <td>$52335.19</td>
                                                        <td>sem@porttitorvulputateposuere.co.uk</td>
                                                        <td>289-9705</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>398720431</td>
                                                        <td>Cassandra N. Gross</td>
                                                        <td>141-6837 Amet, Ave</td>
                                                        <td>Oman</td>
                                                        <td>Guardia Sanframondi</td>
                                                        <td>Thor Powell</td>
                                                        <td>Non Ante Inc.</td>
                                                        <td>82480723199</td>
                                                        <td>70.98602</td>
                                                        <td>82.79917</td>
                                                        <td>2020-03-15 20:24:27</td>
                                                        <td>26/10/19</td>
                                                        <td>2018-11-04 08:06:56</td>
                                                        <td>PDT</td>
                                                        <td>$16708.05</td>
                                                        <td>tristique.neque.venenatis@libero.co.uk</td>
                                                        <td>1-781-822-1852</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>9036359K</td>
                                                        <td>Ishmael Y. Clayton</td>
                                                        <td>483-6510 Primis Rd.</td>
                                                        <td>Sint Maarten</td>
                                                        <td>Genzano di Lucania</td>
                                                        <td>Murphy Wolf</td>
                                                        <td>In Hendrerit Consectetuer Limited</td>
                                                        <td>63909733499</td>
                                                        <td>89.58444</td>
                                                        <td>76.23368</td>
                                                        <td>2019-03-21 13:00:20</td>
                                                        <td>27/10/18</td>
                                                        <td>2018-05-20 19:01:31</td>
                                                        <td>PDT</td>
                                                        <td>$84047.92</td>
                                                        <td>luctus.Curabitur.egestas@Crasconvallisconvallis.edu</td>
                                                        <td>1-461-193-0112</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>389772283</td>
                                                        <td>Stuart C. Joyce</td>
                                                        <td>Ap #131-985 Integer Av.</td>
                                                        <td>Bouvet Island</td>
                                                        <td>Leersum</td>
                                                        <td>Denise Barry</td>
                                                        <td>Suspendisse Aliquet Sem LLP</td>
                                                        <td>34887383999</td>
                                                        <td>-88.78717</td>
                                                        <td>28.97232</td>
                                                        <td>2018-05-03 01:23:46</td>
                                                        <td>20/08/18</td>
                                                        <td>2020-03-18 23:38:00</td>
                                                        <td>PST</td>
                                                        <td>$88461.01</td>
                                                        <td>egestas@inmolestietortor.net</td>
                                                        <td>597-2871</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>81446695</td>
                                                        <td>Willa I. George</td>
                                                        <td>942-2277 Semper Avenue</td>
                                                        <td>Tokelau</td>
                                                        <td>Greenwich</td>
                                                        <td>Grace Butler</td>
                                                        <td>Eros Incorporated</td>
                                                        <td>12979293099</td>
                                                        <td>56.21428</td>
                                                        <td>12.63295</td>
                                                        <td>2019-12-09 14:40:36</td>
                                                        <td>26/02/19</td>
                                                        <td>2019-07-31 11:14:30</td>
                                                        <td>PDT</td>
                                                        <td>$12197.07</td>
                                                        <td>mi.eleifend.egestas@risus.com</td>
                                                        <td>389-0900</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>500685816</td>
                                                        <td>Carlos U. Reyes</td>
                                                        <td>Ap #815-3108 Conubia Road</td>
                                                        <td>Falkland Islands</td>
                                                        <td>Itajaí</td>
                                                        <td>Dean Sherman</td>
                                                        <td>Libero Integer LLP</td>
                                                        <td>15847671499</td>
                                                        <td>5.8307</td>
                                                        <td>-74.93198</td>
                                                        <td>2019-06-15 17:44:54</td>
                                                        <td>29/09/19</td>
                                                        <td>2020-03-01 19:37:04</td>
                                                        <td>PDT</td>
                                                        <td>$43345.74</td>
                                                        <td>eleifend.nec@vitaesodalesat.ca</td>
                                                        <td>455-7113</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>457242182</td>
                                                        <td>Hermione B. Lee</td>
                                                        <td>Ap #422-1839 Rutrum Rd.</td>
                                                        <td>Rwanda</td>
                                                        <td>PiŽtrain</td>
                                                        <td>Howard Valdez</td>
                                                        <td>Sollicitudin Limited</td>
                                                        <td>80426922499</td>
                                                        <td>-9.01342</td>
                                                        <td>68.71341</td>
                                                        <td>2020-01-14 15:53:18</td>
                                                        <td>04/10/18</td>
                                                        <td>2019-09-28 18:27:51</td>
                                                        <td>PDT</td>
                                                        <td>$49349.89</td>
                                                        <td>eleifend.nec.malesuada@molestiearcuSed.org</td>
                                                        <td>655-7290</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>183731130</td>
                                                        <td>Nelle T. Humphrey</td>
                                                        <td>889-6097 Erat Av.</td>
                                                        <td>Moldova</td>
                                                        <td>Fort St. John</td>
                                                        <td>Phoebe Roy</td>
                                                        <td>Luctus Et Ultrices Associates</td>
                                                        <td>71218005699</td>
                                                        <td>80.81534</td>
                                                        <td>-23.54473</td>
                                                        <td>2018-08-06 00:30:48</td>
                                                        <td>28/07/18</td>
                                                        <td>2019-07-20 18:58:39</td>
                                                        <td>PST</td>
                                                        <td>$20426.08</td>
                                                        <td>non@sedestNunc.com</td>
                                                        <td>1-217-489-4334</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>434423244</td>
                                                        <td>Cooper M. Estes</td>
                                                        <td>4438 Et, Road</td>
                                                        <td>Colombia</td>
                                                        <td>Viesville</td>
                                                        <td>Quentin Kent</td>
                                                        <td>Ut Tincidunt Orci Foundation</td>
                                                        <td>22577824199</td>
                                                        <td>88.14995</td>
                                                        <td>10.13151</td>
                                                        <td>2019-09-27 05:13:59</td>
                                                        <td>17/06/19</td>
                                                        <td>2020-02-19 16:46:00</td>
                                                        <td>PDT</td>
                                                        <td>$00479.64</td>
                                                        <td>pede.malesuada@magnis.com</td>
                                                        <td>120-2740</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>173142277</td>
                                                        <td>Odette A. Contreras</td>
                                                        <td>Ap #595-976 Mauris Av.</td>
                                                        <td>Cuba</td>
                                                        <td>Charny</td>
                                                        <td>Mara Goodwin</td>
                                                        <td>Pellentesque LLC</td>
                                                        <td>12418581499</td>
                                                        <td>-27.97145</td>
                                                        <td>-66.93835</td>
                                                        <td>2018-09-13 17:16:23</td>
                                                        <td>28/02/19</td>
                                                        <td>2019-12-03 15:10:20</td>
                                                        <td>PDT</td>
                                                        <td>$03195.51</td>
                                                        <td>lorem.vitae@aultriciesadipiscing.com</td>
                                                        <td>563-1027</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>329934357</td>
                                                        <td>Keelie H. Nicholson</td>
                                                        <td>P.O. Box 699, 2608 Tortor, Road</td>
                                                        <td>Russian Federation</td>
                                                        <td>Trollhättan</td>
                                                        <td>Silas Diaz</td>
                                                        <td>Mollis Associates</td>
                                                        <td>63700729899</td>
                                                        <td>79.61691</td>
                                                        <td>-83.95099</td>
                                                        <td>2019-11-28 18:58:15</td>
                                                        <td>16/03/20</td>
                                                        <td>2019-07-17 08:19:36</td>
                                                        <td>PDT</td>
                                                        <td>$53207.42</td>
                                                        <td>ipsum.Suspendisse.sagittis@sem.org</td>
                                                        <td>1-559-904-1886</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>474872939</td>
                                                        <td>Cecilia H. Frank</td>
                                                        <td>839-1282 Nec Road</td>
                                                        <td>Northern Mariana Islands</td>
                                                        <td>San Giovanni Lipioni</td>
                                                        <td>Paloma Dean</td>
                                                        <td>At Corp.</td>
                                                        <td>24891310699</td>
                                                        <td>30.42826</td>
                                                        <td>-142.47665</td>
                                                        <td>2019-05-24 17:49:35</td>
                                                        <td>26/09/19</td>
                                                        <td>2019-12-05 11:34:22</td>
                                                        <td>PST</td>
                                                        <td>$10381.16</td>
                                                        <td>Donec.tempus@enim.ca</td>
                                                        <td>1-767-599-5793</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>237732855</td>
                                                        <td>Melinda V. Hancock</td>
                                                        <td>Ap #935-5278 Ut, Av.</td>
                                                        <td>French Polynesia</td>
                                                        <td>Saint-Denis</td>
                                                        <td>Vanna Weber</td>
                                                        <td>Vulputate Dui Corporation</td>
                                                        <td>93847126699</td>
                                                        <td>-35.24843</td>
                                                        <td>139.47048</td>
                                                        <td>2020-04-01 01:53:34</td>
                                                        <td>27/08/19</td>
                                                        <td>2019-09-12 09:58:48</td>
                                                        <td>PDT</td>
                                                        <td>$02518.53</td>
                                                        <td>tempus.risus@arcuNunc.com</td>
                                                        <td>629-3462</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>36599904K</td>
                                                        <td>Sandra W. Mcclain</td>
                                                        <td>Ap #685-944 Suspendisse Rd.</td>
                                                        <td>French Guiana</td>
                                                        <td>Chiari</td>
                                                        <td>Kennan Blanchard</td>
                                                        <td>Nisi A Odio Industries</td>
                                                        <td>34600392099</td>
                                                        <td>0.3617</td>
                                                        <td>-21.78242</td>
                                                        <td>2020-02-10 06:28:52</td>
                                                        <td>23/09/19</td>
                                                        <td>2018-09-04 04:51:27</td>
                                                        <td>PDT</td>
                                                        <td>$14114.00</td>
                                                        <td>et.netus@laciniaorci.net</td>
                                                        <td>477-8047</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>391273049</td>
                                                        <td>Leah T. Henson</td>
                                                        <td>426-927 Metus. Av.</td>
                                                        <td>Switzerland</td>
                                                        <td>Fabro</td>
                                                        <td>Jolie Orr</td>
                                                        <td>Scelerisque Dui Suspendisse Ltd</td>
                                                        <td>81751496899</td>
                                                        <td>47.77387</td>
                                                        <td>47.75601</td>
                                                        <td>2018-06-04 17:50:17</td>
                                                        <td>21/11/19</td>
                                                        <td>2019-10-28 20:19:02</td>
                                                        <td>PDT</td>
                                                        <td>$44936.48</td>
                                                        <td>mauris.ut@tempusrisusDonec.edu</td>
                                                        <td>212-2265</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>381714640</td>
                                                        <td>Samuel A. Anthony</td>
                                                        <td>1778 Proin St.</td>
                                                        <td>Nepal</td>
                                                        <td>Aisemont</td>
                                                        <td>Xavier Hoover</td>
                                                        <td>Per Ltd</td>
                                                        <td>75946837399</td>
                                                        <td>-15.41389</td>
                                                        <td>142.52182</td>
                                                        <td>2020-03-02 13:37:26</td>
                                                        <td>28/01/19</td>
                                                        <td>2018-06-01 01:45:55</td>
                                                        <td>PDT</td>
                                                        <td>$26708.66</td>
                                                        <td>Duis@Donecnibhenim.co.uk</td>
                                                        <td>753-2322</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>466825212</td>
                                                        <td>Tanner Q. Powers</td>
                                                        <td>675-5189 Donec Ave</td>
                                                        <td>Mauritania</td>
                                                        <td>Ucluelet</td>
                                                        <td>Molly Cain</td>
                                                        <td>Imperdiet Non Inc.</td>
                                                        <td>43623678899</td>
                                                        <td>34.17445</td>
                                                        <td>-60.66068</td>
                                                        <td>2020-01-12 07:09:57</td>
                                                        <td>20/09/19</td>
                                                        <td>2018-10-01 10:15:46</td>
                                                        <td>PST</td>
                                                        <td>$29941.26</td>
                                                        <td>nibh@sedfacilisisvitae.net</td>
                                                        <td>709-3504</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>306059262</td>
                                                        <td>Gemma S. Donaldson</td>
                                                        <td>815-4374 Sodales Rd.</td>
                                                        <td>Mongolia</td>
                                                        <td>Stirling</td>
                                                        <td>Sonya Charles</td>
                                                        <td>Donec Tempus Lorem Foundation</td>
                                                        <td>96492478299</td>
                                                        <td>-84.75575</td>
                                                        <td>30.85759</td>
                                                        <td>2019-07-16 16:20:57</td>
                                                        <td>26/08/18</td>
                                                        <td>2019-06-21 04:38:33</td>
                                                        <td>PDT</td>
                                                        <td>$12765.79</td>
                                                        <td>velit.Pellentesque.ultricies@orciconsectetuereuismod.org</td>
                                                        <td>1-196-679-5398</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>498097030</td>
                                                        <td>Devin P. Cline</td>
                                                        <td>168-5287 Libero Ave</td>
                                                        <td>Hungary</td>
                                                        <td>Akşehir</td>
                                                        <td>Cailin Bruce</td>
                                                        <td>Mauris Corporation</td>
                                                        <td>16200595699</td>
                                                        <td>76.59449</td>
                                                        <td>114.27132</td>
                                                        <td>2018-12-13 16:48:11</td>
                                                        <td>12/04/20</td>
                                                        <td>2018-10-31 09:13:51</td>
                                                        <td>PDT</td>
                                                        <td>$85822.90</td>
                                                        <td>risus.Donec.nibh@adipiscingelitAliquam.org</td>
                                                        <td>1-231-949-2611</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>120249843</td>
                                                        <td>Zeph P. Garcia</td>
                                                        <td>Ap #104-7705 Per Avenue</td>
                                                        <td>Liechtenstein</td>
                                                        <td>Valkenburg aan de Geul</td>
                                                        <td>Hiram Fleming</td>
                                                        <td>Placerat Velit Quisque Institute</td>
                                                        <td>63398162499</td>
                                                        <td>88.30805</td>
                                                        <td>-89.04727</td>
                                                        <td>2019-01-12 23:49:31</td>
                                                        <td>09/03/20</td>
                                                        <td>2018-06-30 05:01:18</td>
                                                        <td>PDT</td>
                                                        <td>$25462.41</td>
                                                        <td>iaculis.odio@Suspendisseacmetus.org</td>
                                                        <td>1-603-762-9764</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>50846806</td>
                                                        <td>Kellie Q. Charles</td>
                                                        <td>Ap #435-5911 Quis St.</td>
                                                        <td>South Africa</td>
                                                        <td>Merzig</td>
                                                        <td>Hermione Carney</td>
                                                        <td>Mollis Nec Cursus Corporation</td>
                                                        <td>84996045699</td>
                                                        <td>76.79126</td>
                                                        <td>-83.45942</td>
                                                        <td>2018-08-21 21:48:00</td>
                                                        <td>11/02/20</td>
                                                        <td>2018-09-21 15:54:57</td>
                                                        <td>PDT</td>
                                                        <td>$30914.84</td>
                                                        <td>blandit@interdum.org</td>
                                                        <td>1-255-356-5084</td>
                                                        <td>6</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>37342868K</td>
                                                        <td>Marny E. Shelton</td>
                                                        <td>P.O. Box 942, 5733 Augue Street</td>
                                                        <td>Moldova</td>
                                                        <td>Treppo Carnico</td>
                                                        <td>Teagan Haley</td>
                                                        <td>Volutpat Nulla LLC</td>
                                                        <td>39216464299</td>
                                                        <td>-59.09746</td>
                                                        <td>148.31371</td>
                                                        <td>2019-08-10 01:18:23</td>
                                                        <td>15/11/19</td>
                                                        <td>2019-01-21 15:46:43</td>
                                                        <td>PST</td>
                                                        <td>$81585.15</td>
                                                        <td>in.tempus@metusInlorem.org</td>
                                                        <td>820-8296</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>383281571</td>
                                                        <td>Kaye K. Velazquez</td>
                                                        <td>Ap #797-9673 Lorem, Ave</td>
                                                        <td>Panama</td>
                                                        <td>Québec City</td>
                                                        <td>Natalie Jensen</td>
                                                        <td>Purus Ac Tellus Corporation</td>
                                                        <td>87769235299</td>
                                                        <td>-75.81824</td>
                                                        <td>-164.53735</td>
                                                        <td>2019-11-26 16:13:50</td>
                                                        <td>19/10/18</td>
                                                        <td>2018-04-26 02:36:22</td>
                                                        <td>PDT</td>
                                                        <td>$60217.84</td>
                                                        <td>in@nunc.org</td>
                                                        <td>1-470-907-7287</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>137423448</td>
                                                        <td>David Z. Allison</td>
                                                        <td>2852 Dictum Road</td>
                                                        <td>India</td>
                                                        <td>Rachecourt</td>
                                                        <td>Ryder Mays</td>
                                                        <td>Nulla Facilisis Suspendisse Incorporated</td>
                                                        <td>37662209799</td>
                                                        <td>-86.46214</td>
                                                        <td>-10.41009</td>
                                                        <td>2019-05-30 13:41:44</td>
                                                        <td>26/10/18</td>
                                                        <td>2020-04-09 06:16:15</td>
                                                        <td>PDT</td>
                                                        <td>$12094.43</td>
                                                        <td>Nullam.ut.nisi@vitaenibhDonec.ca</td>
                                                        <td>1-780-194-9652</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>484358303</td>
                                                        <td>Alea W. Myers</td>
                                                        <td>9068 Aptent Rd.</td>
                                                        <td>Georgia</td>
                                                        <td>Milwaukee</td>
                                                        <td>Ayanna Bradshaw</td>
                                                        <td>Est Mauris Industries</td>
                                                        <td>84505303699</td>
                                                        <td>-41.82831</td>
                                                        <td>-78.13223</td>
                                                        <td>2019-12-11 19:41:42</td>
                                                        <td>18/07/19</td>
                                                        <td>2020-01-15 16:43:56</td>
                                                        <td>PST</td>
                                                        <td>$36288.42</td>
                                                        <td>Quisque@augueeutempor.co.uk</td>
                                                        <td>463-1143</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>251222134</td>
                                                        <td>Igor E. House</td>
                                                        <td>Ap #684-4781 Ut Ave</td>
                                                        <td>Bhutan</td>
                                                        <td>Todi</td>
                                                        <td>Kaseem Nash</td>
                                                        <td>Bibendum Sed Incorporated</td>
                                                        <td>91393836599</td>
                                                        <td>10.53105</td>
                                                        <td>-160.14301</td>
                                                        <td>2018-09-14 12:02:53</td>
                                                        <td>08/11/19</td>
                                                        <td>2019-02-01 07:53:03</td>
                                                        <td>PDT</td>
                                                        <td>$30489.03</td>
                                                        <td>arcu.Nunc@vulputateduinec.ca</td>
                                                        <td>174-5351</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>423102993</td>
                                                        <td>Sasha X. Sherman</td>
                                                        <td>7260 Nunc Street</td>
                                                        <td>New Zealand</td>
                                                        <td>Sokoto</td>
                                                        <td>Lev Alvarado</td>
                                                        <td>Sociis Natoque Penatibus Associates</td>
                                                        <td>02707597499</td>
                                                        <td>80.09698</td>
                                                        <td>28.94072</td>
                                                        <td>2019-08-18 17:03:45</td>
                                                        <td>21/05/19</td>
                                                        <td>2018-10-19 11:13:06</td>
                                                        <td>PDT</td>
                                                        <td>$14243.46</td>
                                                        <td>lorem@Cumsociis.com</td>
                                                        <td>1-982-499-2446</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>408702941</td>
                                                        <td>Signe T. Witt</td>
                                                        <td>Ap #753-6683 Id, Road</td>
                                                        <td>Mexico</td>
                                                        <td>Roio del Sangro</td>
                                                        <td>Julian Brooks</td>
                                                        <td>Eleifend Non Dapibus Associates</td>
                                                        <td>97265820799</td>
                                                        <td>69.91254</td>
                                                        <td>74.32922</td>
                                                        <td>2018-08-31 05:37:45</td>
                                                        <td>20/09/18</td>
                                                        <td>2019-03-07 09:37:10</td>
                                                        <td>PST</td>
                                                        <td>$33073.34</td>
                                                        <td>gravida@sedpede.net</td>
                                                        <td>176-3692</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>167181678</td>
                                                        <td>Nevada P. Mccoy</td>
                                                        <td>Ap #559-1017 Dignissim. Ave</td>
                                                        <td>Bonaire, Sint Eustatius and Saba</td>
                                                        <td>Vigo</td>
                                                        <td>Wyoming Robles</td>
                                                        <td>Ultricies Ligula Nullam Inc.</td>
                                                        <td>62802708699</td>
                                                        <td>23.91274</td>
                                                        <td>100.39545</td>
                                                        <td>2018-09-17 05:24:52</td>
                                                        <td>23/09/19</td>
                                                        <td>2019-09-15 08:55:27</td>
                                                        <td>PDT</td>
                                                        <td>$18285.53</td>
                                                        <td>Nulla.semper.tellus@seddui.net</td>
                                                        <td>644-8477</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>255498665</td>
                                                        <td>Aiko P. Benton</td>
                                                        <td>4916 Pede. Av.</td>
                                                        <td>Canada</td>
                                                        <td>Relegem</td>
                                                        <td>Dora Atkinson</td>
                                                        <td>Risus Associates</td>
                                                        <td>03529162299</td>
                                                        <td>-56.22161</td>
                                                        <td>110.98359</td>
                                                        <td>2019-11-01 08:13:20</td>
                                                        <td>27/09/18</td>
                                                        <td>2020-03-04 03:14:35</td>
                                                        <td>PST</td>
                                                        <td>$60809.24</td>
                                                        <td>eget@elementumduiquis.edu</td>
                                                        <td>636-9430</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>371567968</td>
                                                        <td>Sade P. Bartlett</td>
                                                        <td>903-9013 A Avenue</td>
                                                        <td>Northern Mariana Islands</td>
                                                        <td>Castiglione di Sicilia</td>
                                                        <td>Hamilton Merrill</td>
                                                        <td>Suspendisse Institute</td>
                                                        <td>27982457699</td>
                                                        <td>-30.66337</td>
                                                        <td>175.47112</td>
                                                        <td>2018-12-16 10:03:04</td>
                                                        <td>20/03/20</td>
                                                        <td>2018-06-09 12:12:32</td>
                                                        <td>PST</td>
                                                        <td>$14895.94</td>
                                                        <td>velit@nonummyultricies.edu</td>
                                                        <td>1-987-651-5664</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>322994877</td>
                                                        <td>Fredericka H. Landry</td>
                                                        <td>P.O. Box 342, 1285 Elit. Rd.</td>
                                                        <td>Albania</td>
                                                        <td>Sankt Wendel</td>
                                                        <td>Theodore Jordan</td>
                                                        <td>Ac Associates</td>
                                                        <td>22783898699</td>
                                                        <td>-29.9656</td>
                                                        <td>104.55726</td>
                                                        <td>2018-06-08 06:59:35</td>
                                                        <td>01/06/19</td>
                                                        <td>2019-07-18 00:34:48</td>
                                                        <td>PST</td>
                                                        <td>$52855.11</td>
                                                        <td>dolor.quam@viverraDonectempus.co.uk</td>
                                                        <td>615-9888</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>277976412</td>
                                                        <td>Indira H. Fletcher</td>
                                                        <td>6264 Curae; Rd.</td>
                                                        <td>India</td>
                                                        <td>Genval</td>
                                                        <td>Gage Church</td>
                                                        <td>Molestie Dapibus Ligula LLP</td>
                                                        <td>42843400299</td>
                                                        <td>21.96031</td>
                                                        <td>-0.31619</td>
                                                        <td>2019-07-18 22:57:54</td>
                                                        <td>15/12/19</td>
                                                        <td>2018-09-14 04:35:23</td>
                                                        <td>PDT</td>
                                                        <td>$46095.22</td>
                                                        <td>Nulla.eu.neque@ac.org</td>
                                                        <td>1-413-621-4698</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>372757892</td>
                                                        <td>Blythe X. Avery</td>
                                                        <td>Ap #603-8246 Nunc Av.</td>
                                                        <td>Guyana</td>
                                                        <td>Whyalla</td>
                                                        <td>Lee Pittman</td>
                                                        <td>Convallis Erat PC</td>
                                                        <td>41227267999</td>
                                                        <td>-42.87923</td>
                                                        <td>58.47521</td>
                                                        <td>2020-03-12 08:50:50</td>
                                                        <td>30/03/19</td>
                                                        <td>2018-10-11 09:21:57</td>
                                                        <td>PDT</td>
                                                        <td>$51743.81</td>
                                                        <td>tincidunt.congue@arcu.co.uk</td>
                                                        <td>533-7409</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>378410142</td>
                                                        <td>Armando N. Ferrell</td>
                                                        <td>579-9743 In, Avenue</td>
                                                        <td>Slovenia</td>
                                                        <td>Dehri</td>
                                                        <td>Stephanie Gallegos</td>
                                                        <td>Tempor LLC</td>
                                                        <td>14402742299</td>
                                                        <td>58.59807</td>
                                                        <td>-27.38365</td>
                                                        <td>2018-06-26 06:44:44</td>
                                                        <td>19/09/19</td>
                                                        <td>2018-07-07 17:34:04</td>
                                                        <td>PST</td>
                                                        <td>$00006.09</td>
                                                        <td>Nullam@sitametdiam.com</td>
                                                        <td>1-921-435-9660</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>359626215</td>
                                                        <td>Dorian O. Bates</td>
                                                        <td>P.O. Box 917, 4670 Et Road</td>
                                                        <td>Swaziland</td>
                                                        <td>Dolceacqua</td>
                                                        <td>Cassandra Mcclure</td>
                                                        <td>Erat Nonummy Consulting</td>
                                                        <td>88439344999</td>
                                                        <td>-68.67631</td>
                                                        <td>-114.51021</td>
                                                        <td>2019-08-30 04:35:48</td>
                                                        <td>27/07/19</td>
                                                        <td>2018-09-30 03:39:41</td>
                                                        <td>PST</td>
                                                        <td>$92574.36</td>
                                                        <td>elit.erat@sedorcilobortis.org</td>
                                                        <td>1-523-322-1092</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>393869526</td>
                                                        <td>Caleb D. Vance</td>
                                                        <td>4891 Scelerisque Street</td>
                                                        <td>Laos</td>
                                                        <td>Devon</td>
                                                        <td>Amal Massey</td>
                                                        <td>Iaculis Enim Industries</td>
                                                        <td>60601484499</td>
                                                        <td>-28.89288</td>
                                                        <td>-151.24472</td>
                                                        <td>2019-07-28 15:44:18</td>
                                                        <td>19/10/19</td>
                                                        <td>2019-08-19 17:01:20</td>
                                                        <td>PST</td>
                                                        <td>$00327.19</td>
                                                        <td>augue.porttitor@nuncidenim.co.uk</td>
                                                        <td>1-919-235-9223</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>191576322</td>
                                                        <td>Amy I. Bradley</td>
                                                        <td>7609 Non, St.</td>
                                                        <td>Niue</td>
                                                        <td>Austin</td>
                                                        <td>Brandon Douglas</td>
                                                        <td>Fermentum Metus Aenean Limited</td>
                                                        <td>96234657299</td>
                                                        <td>-42.88492</td>
                                                        <td>88.77296</td>
                                                        <td>2019-08-05 13:59:19</td>
                                                        <td>13/03/19</td>
                                                        <td>2019-05-10 06:36:17</td>
                                                        <td>PDT</td>
                                                        <td>$98908.88</td>
                                                        <td>elementum.sem@eleifend.org</td>
                                                        <td>1-221-812-3627</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>274109173</td>
                                                        <td>Wendy B. Riley</td>
                                                        <td>1043 Etiam St.</td>
                                                        <td>Moldova</td>
                                                        <td>Lac-Serent</td>
                                                        <td>Cain Kaufman</td>
                                                        <td>Non Limited</td>
                                                        <td>38737016799</td>
                                                        <td>-89.07199</td>
                                                        <td>130.00282</td>
                                                        <td>2019-02-20 21:19:39</td>
                                                        <td>15/09/19</td>
                                                        <td>2018-07-14 17:39:56</td>
                                                        <td>PDT</td>
                                                        <td>$98870.17</td>
                                                        <td>ac.tellus.Suspendisse@quamelementumat.edu</td>
                                                        <td>1-431-279-9222</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>342230571</td>
                                                        <td>Holmes K. Dean</td>
                                                        <td>P.O. Box 584, 1226 Nulla Av.</td>
                                                        <td>Isle of Man</td>
                                                        <td>Cochrane</td>
                                                        <td>Griffin Barker</td>
                                                        <td>Et Tristique Incorporated</td>
                                                        <td>76916715299</td>
                                                        <td>58.53424</td>
                                                        <td>-164.90836</td>
                                                        <td>2018-12-19 17:43:52</td>
                                                        <td>02/09/18</td>
                                                        <td>2020-02-07 01:54:26</td>
                                                        <td>PDT</td>
                                                        <td>$94095.01</td>
                                                        <td>enim@Phasellus.com</td>
                                                        <td>541-1278</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>400751277</td>
                                                        <td>Shea R. Haley</td>
                                                        <td>274-7179 Conubia Street</td>
                                                        <td>Serbia</td>
                                                        <td>Richmond Hill</td>
                                                        <td>Brent Mullen</td>
                                                        <td>Aliquet Odio Inc.</td>
                                                        <td>11716056699</td>
                                                        <td>16.77936</td>
                                                        <td>88.80543</td>
                                                        <td>2019-12-24 12:38:31</td>
                                                        <td>07/12/18</td>
                                                        <td>2020-04-09 15:56:09</td>
                                                        <td>PDT</td>
                                                        <td>$31939.82</td>
                                                        <td>Nullam.lobortis.quam@turpis.net</td>
                                                        <td>534-8076</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>456710905</td>
                                                        <td>Delilah K. Spencer</td>
                                                        <td>992-9720 Commodo Road</td>
                                                        <td>Togo</td>
                                                        <td>NeuprŽ</td>
                                                        <td>Kevin Mann</td>
                                                        <td>Tristique Pharetra Quisque Corporation</td>
                                                        <td>02721953099</td>
                                                        <td>81.27888</td>
                                                        <td>52.6698</td>
                                                        <td>2018-08-29 00:13:36</td>
                                                        <td>02/02/20</td>
                                                        <td>2019-08-12 20:56:42</td>
                                                        <td>PDT</td>
                                                        <td>$73532.60</td>
                                                        <td>consequat@accumsan.edu</td>
                                                        <td>446-8816</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>408012252</td>
                                                        <td>Colorado B. Horne</td>
                                                        <td>P.O. Box 876, 286 Tortor. St.</td>
                                                        <td>Saint Barthélemy</td>
                                                        <td>Aix-en-Provence</td>
                                                        <td>Lillith Compton</td>
                                                        <td>Erat Sed Consulting</td>
                                                        <td>28779013599</td>
                                                        <td>24.69341</td>
                                                        <td>143.42428</td>
                                                        <td>2018-09-18 23:29:18</td>
                                                        <td>30/01/19</td>
                                                        <td>2020-01-24 01:14:13</td>
                                                        <td>PST</td>
                                                        <td>$99619.10</td>
                                                        <td>magna.a@Cum.ca</td>
                                                        <td>1-132-237-7856</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>57079681</td>
                                                        <td>Kameko N. Castillo</td>
                                                        <td>342-6582 Ipsum. Street</td>
                                                        <td>Norfolk Island</td>
                                                        <td>Maiduguri</td>
                                                        <td>Georgia Whitney</td>
                                                        <td>Interdum Company</td>
                                                        <td>21781388199</td>
                                                        <td>-70.7838</td>
                                                        <td>63.30322</td>
                                                        <td>2019-04-18 07:16:38</td>
                                                        <td>07/11/18</td>
                                                        <td>2019-09-30 20:14:40</td>
                                                        <td>PDT</td>
                                                        <td>$42950.54</td>
                                                        <td>malesuada.vel@ametdapibusid.org</td>
                                                        <td>219-9153</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>291463509</td>
                                                        <td>Hedy I. Burnett</td>
                                                        <td>7880 Ac Rd.</td>
                                                        <td>Israel</td>
                                                        <td>Muridke</td>
                                                        <td>Emerald Morrow</td>
                                                        <td>Cras Lorem PC</td>
                                                        <td>48202005899</td>
                                                        <td>67.76944</td>
                                                        <td>98.63072</td>
                                                        <td>2019-11-29 12:53:58</td>
                                                        <td>15/05/18</td>
                                                        <td>2018-06-28 01:55:13</td>
                                                        <td>PDT</td>
                                                        <td>$73491.65</td>
                                                        <td>blandit.viverra@Maecenasornareegestas.co.uk</td>
                                                        <td>1-623-197-9498</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>233746428</td>
                                                        <td>Rama P. Garner</td>
                                                        <td>P.O. Box 582, 9264 Scelerisque Av.</td>
                                                        <td>Svalbard and Jan Mayen Islands</td>
                                                        <td>Mignanego</td>
                                                        <td>Ashton Vazquez</td>
                                                        <td>Rutrum PC</td>
                                                        <td>11815293899</td>
                                                        <td>-61.68378</td>
                                                        <td>-164.07959</td>
                                                        <td>2020-01-03 22:49:21</td>
                                                        <td>29/01/19</td>
                                                        <td>2019-09-13 07:38:05</td>
                                                        <td>PDT</td>
                                                        <td>$96546.65</td>
                                                        <td>elit.Nulla@Loremipsum.ca</td>
                                                        <td>215-2924</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>212851345</td>
                                                        <td>Christian G. Hooper</td>
                                                        <td>P.O. Box 141, 9652 Fusce Road</td>
                                                        <td>Haiti</td>
                                                        <td>Montebelluna</td>
                                                        <td>Hilary Justice</td>
                                                        <td>Nec Tempus Scelerisque LLP</td>
                                                        <td>92511588599</td>
                                                        <td>-60.01603</td>
                                                        <td>-90.7262</td>
                                                        <td>2018-04-19 07:35:50</td>
                                                        <td>22/10/19</td>
                                                        <td>2019-09-14 13:45:10</td>
                                                        <td>PDT</td>
                                                        <td>$49560.33</td>
                                                        <td>consequat.nec@Duisacarcu.com</td>
                                                        <td>1-862-649-4581</td>
                                                        <td>6</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>431791277</td>
                                                        <td>Isabelle B. Beach</td>
                                                        <td>P.O. Box 416, 8092 Mollis. Street</td>
                                                        <td>Azerbaijan</td>
                                                        <td>Whitewater Region Township</td>
                                                        <td>Kalia Knight</td>
                                                        <td>Vel Pede Blandit Limited</td>
                                                        <td>48782180399</td>
                                                        <td>-83.18442</td>
                                                        <td>2.56926</td>
                                                        <td>2019-09-07 22:49:42</td>
                                                        <td>28/05/18</td>
                                                        <td>2019-09-16 01:12:12</td>
                                                        <td>PDT</td>
                                                        <td>$50666.20</td>
                                                        <td>sit.amet@adipiscingenim.org</td>
                                                        <td>975-6200</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>196830774</td>
                                                        <td>Melyssa Y. Guy</td>
                                                        <td>1110 Pharetra Rd.</td>
                                                        <td>Nigeria</td>
                                                        <td>Hard</td>
                                                        <td>Brian Fischer</td>
                                                        <td>Cursus Vestibulum Mauris Corporation</td>
                                                        <td>67789976099</td>
                                                        <td>42.12955</td>
                                                        <td>-130.52365</td>
                                                        <td>2019-04-16 23:40:07</td>
                                                        <td>10/09/19</td>
                                                        <td>2018-11-13 21:12:59</td>
                                                        <td>PDT</td>
                                                        <td>$88840.77</td>
                                                        <td>Lorem.ipsum@Quisquenonummy.com</td>
                                                        <td>816-4009</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>356045890</td>
                                                        <td>Fulton W. Kline</td>
                                                        <td>Ap #831-1201 Gravida Rd.</td>
                                                        <td>Armenia</td>
                                                        <td>Borriana</td>
                                                        <td>Blake Joyce</td>
                                                        <td>Et Tristique Pellentesque LLC</td>
                                                        <td>06560054099</td>
                                                        <td>-26.95097</td>
                                                        <td>-135.27855</td>
                                                        <td>2018-09-23 08:18:00</td>
                                                        <td>21/03/19</td>
                                                        <td>2018-05-30 15:52:33</td>
                                                        <td>PDT</td>
                                                        <td>$92651.56</td>
                                                        <td>turpis.egestas@mi.ca</td>
                                                        <td>1-946-874-1445</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>11346755K</td>
                                                        <td>Henry F. Torres</td>
                                                        <td>P.O. Box 151, 2738 Dolor Street</td>
                                                        <td>Saint Pierre and Miquelon</td>
                                                        <td>Campofelice di Fitalia</td>
                                                        <td>Dane Elliott</td>
                                                        <td>Rutrum Institute</td>
                                                        <td>60438798999</td>
                                                        <td>-80.73091</td>
                                                        <td>85.75828</td>
                                                        <td>2018-11-09 00:09:09</td>
                                                        <td>22/01/20</td>
                                                        <td>2018-06-08 06:48:11</td>
                                                        <td>PDT</td>
                                                        <td>$46351.80</td>
                                                        <td>tellus.Aenean@sedconsequatauctor.co.uk</td>
                                                        <td>1-973-715-9723</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>350649417</td>
                                                        <td>Felix T. Gallegos</td>
                                                        <td>4770 Adipiscing Road</td>
                                                        <td>Burundi</td>
                                                        <td>Redruth</td>
                                                        <td>Jack Mays</td>
                                                        <td>Ullamcorper Company</td>
                                                        <td>01976412099</td>
                                                        <td>61.98608</td>
                                                        <td>-150.62073</td>
                                                        <td>2018-10-04 04:14:22</td>
                                                        <td>24/08/18</td>
                                                        <td>2018-12-19 05:56:20</td>
                                                        <td>PDT</td>
                                                        <td>$22480.04</td>
                                                        <td>mus.Proin.vel@etnetuset.co.uk</td>
                                                        <td>1-744-820-0736</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>30779909K</td>
                                                        <td>Melissa U. Mcfadden</td>
                                                        <td>6899 Mollis. St.</td>
                                                        <td>Palau</td>
                                                        <td>Sant'Agapito</td>
                                                        <td>Uma Guy</td>
                                                        <td>At Pede Cras Associates</td>
                                                        <td>25735286799</td>
                                                        <td>33.18624</td>
                                                        <td>-124.29807</td>
                                                        <td>2018-10-25 07:59:24</td>
                                                        <td>04/07/19</td>
                                                        <td>2018-11-01 16:20:05</td>
                                                        <td>PST</td>
                                                        <td>$29101.24</td>
                                                        <td>molestie.arcu.Sed@vitae.ca</td>
                                                        <td>1-363-821-2178</td>
                                                        <td>6</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>297351664</td>
                                                        <td>Dolan M. Simon</td>
                                                        <td>Ap #923-3239 Tincidunt Rd.</td>
                                                        <td>Argentina</td>
                                                        <td>San Marcello</td>
                                                        <td>Holly Decker</td>
                                                        <td>Semper Rutrum Foundation</td>
                                                        <td>66927043999</td>
                                                        <td>81.70433</td>
                                                        <td>28.52344</td>
                                                        <td>2020-03-26 16:06:06</td>
                                                        <td>18/09/19</td>
                                                        <td>2020-02-22 07:25:06</td>
                                                        <td>PDT</td>
                                                        <td>$30526.50</td>
                                                        <td>metus.facilisis@etrutrumnon.ca</td>
                                                        <td>1-862-334-4124</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>302691711</td>
                                                        <td>Pamela G. Velazquez</td>
                                                        <td>9109 Ultrices Avenue</td>
                                                        <td>Hong Kong</td>
                                                        <td>Siliguri</td>
                                                        <td>Aladdin Hensley</td>
                                                        <td>Leo In Ltd</td>
                                                        <td>42238471399</td>
                                                        <td>74.13009</td>
                                                        <td>-144.03328</td>
                                                        <td>2019-02-16 19:14:42</td>
                                                        <td>29/10/18</td>
                                                        <td>2019-07-07 23:21:19</td>
                                                        <td>PST</td>
                                                        <td>$09762.36</td>
                                                        <td>venenatis.vel@rhoncusDonecest.net</td>
                                                        <td>1-450-434-6560</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>156635804</td>
                                                        <td>Xenos F. Mejia</td>
                                                        <td>329-1131 Luctus St.</td>
                                                        <td>Zimbabwe</td>
                                                        <td>Milford Haven</td>
                                                        <td>Jameson Norton</td>
                                                        <td>Posuere Vulputate Lacus Corp.</td>
                                                        <td>40240466699</td>
                                                        <td>-46.5055</td>
                                                        <td>-135.17906</td>
                                                        <td>2019-07-05 07:30:30</td>
                                                        <td>05/08/19</td>
                                                        <td>2019-01-09 21:32:41</td>
                                                        <td>PST</td>
                                                        <td>$85792.90</td>
                                                        <td>amet@tortornibh.edu</td>
                                                        <td>1-771-235-5891</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>197525797</td>
                                                        <td>Tasha U. Holder</td>
                                                        <td>666-9190 Sodales St.</td>
                                                        <td>Guinea-Bissau</td>
                                                        <td>Bath</td>
                                                        <td>Deacon Fowler</td>
                                                        <td>Nascetur Associates</td>
                                                        <td>41346740999</td>
                                                        <td>21.73457</td>
                                                        <td>138.78628</td>
                                                        <td>2018-09-06 20:18:02</td>
                                                        <td>28/07/18</td>
                                                        <td>2020-02-09 17:58:11</td>
                                                        <td>PST</td>
                                                        <td>$12108.78</td>
                                                        <td>vitae@vulputate.org</td>
                                                        <td>1-886-372-2849</td>
                                                        <td>6</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>263771753</td>
                                                        <td>Rajah K. Daugherty</td>
                                                        <td>P.O. Box 192, 7868 Dis Av.</td>
                                                        <td>Cocos (Keeling) Islands</td>
                                                        <td>Strijtem</td>
                                                        <td>Kerry Stephens</td>
                                                        <td>Tincidunt Corp.</td>
                                                        <td>34332164799</td>
                                                        <td>59.48021</td>
                                                        <td>33.62045</td>
                                                        <td>2019-05-27 15:10:27</td>
                                                        <td>17/01/19</td>
                                                        <td>2019-10-11 18:53:11</td>
                                                        <td>PDT</td>
                                                        <td>$52461.05</td>
                                                        <td>cursus.et@malesuadamalesuada.org</td>
                                                        <td>424-9734</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>106965641</td>
                                                        <td>Michelle H. Skinner</td>
                                                        <td>P.O. Box 978, 3432 Nisi Rd.</td>
                                                        <td>Saint Barthélemy</td>
                                                        <td>Newark</td>
                                                        <td>Ferdinand Parker</td>
                                                        <td>Eu Industries</td>
                                                        <td>62866798899</td>
                                                        <td>-25.10953</td>
                                                        <td>-132.46452</td>
                                                        <td>2018-05-22 19:19:38</td>
                                                        <td>29/09/18</td>
                                                        <td>2019-01-31 07:46:53</td>
                                                        <td>PDT</td>
                                                        <td>$16582.56</td>
                                                        <td>Lorem@felisadipiscingfringilla.com</td>
                                                        <td>981-0922</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>348176331</td>
                                                        <td>Baker D. Garza</td>
                                                        <td>3482 Commodo Av.</td>
                                                        <td>Taiwan</td>
                                                        <td>Río Negro</td>
                                                        <td>Marah Lang</td>
                                                        <td>Erat Corp.</td>
                                                        <td>23846522099</td>
                                                        <td>80.77497</td>
                                                        <td>123.63235</td>
                                                        <td>2020-03-17 22:44:02</td>
                                                        <td>16/01/19</td>
                                                        <td>2020-01-29 07:34:30</td>
                                                        <td>PDT</td>
                                                        <td>$77648.21</td>
                                                        <td>velit@Sed.ca</td>
                                                        <td>1-629-220-5441</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>290604451</td>
                                                        <td>Leilani H. Kennedy</td>
                                                        <td>Ap #485-8020 Quisque Av.</td>
                                                        <td>Poland</td>
                                                        <td>Warszawa</td>
                                                        <td>Lilah Huber</td>
                                                        <td>Ut Company</td>
                                                        <td>43368861099</td>
                                                        <td>-54.6438</td>
                                                        <td>129.1365</td>
                                                        <td>2018-04-21 04:24:36</td>
                                                        <td>15/08/19</td>
                                                        <td>2019-07-23 12:31:59</td>
                                                        <td>PDT</td>
                                                        <td>$27262.43</td>
                                                        <td>viverra.Donec@In.ca</td>
                                                        <td>446-1788</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>504288811</td>
                                                        <td>Cullen C. Johns</td>
                                                        <td>832-6525 Molestie Av.</td>
                                                        <td>French Polynesia</td>
                                                        <td>Montese</td>
                                                        <td>Eleanor Hendrix</td>
                                                        <td>Laoreet Posuere Enim Company</td>
                                                        <td>53307858899</td>
                                                        <td>-38.52022</td>
                                                        <td>82.43909</td>
                                                        <td>2019-06-03 09:37:39</td>
                                                        <td>27/08/18</td>
                                                        <td>2019-06-26 11:54:35</td>
                                                        <td>PST</td>
                                                        <td>$55270.92</td>
                                                        <td>erat@auctornon.net</td>
                                                        <td>346-1401</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>39649812K</td>
                                                        <td>Britanni M. Campos</td>
                                                        <td>Ap #841-4250 Amet, Av.</td>
                                                        <td>Thailand</td>
                                                        <td>Armadale</td>
                                                        <td>Emma Dotson</td>
                                                        <td>Nisi Aenean Eget Corp.</td>
                                                        <td>99422696899</td>
                                                        <td>58.96752</td>
                                                        <td>-117.58278</td>
                                                        <td>2020-01-14 18:05:02</td>
                                                        <td>15/10/19</td>
                                                        <td>2019-02-16 09:17:26</td>
                                                        <td>PDT</td>
                                                        <td>$95060.19</td>
                                                        <td>vitae@mollis.net</td>
                                                        <td>856-5406</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>201184517</td>
                                                        <td>Victor I. Barlow</td>
                                                        <td>P.O. Box 837, 9273 Massa St.</td>
                                                        <td>Zimbabwe</td>
                                                        <td>Paiguano</td>
                                                        <td>Denise Mcfadden</td>
                                                        <td>Dui Semper Company</td>
                                                        <td>57591149599</td>
                                                        <td>-87.43323</td>
                                                        <td>133.70405</td>
                                                        <td>2019-04-30 20:07:29</td>
                                                        <td>22/03/20</td>
                                                        <td>2020-04-08 11:57:22</td>
                                                        <td>PDT</td>
                                                        <td>$12600.21</td>
                                                        <td>Donec.dignissim@Curabitur.com</td>
                                                        <td>654-8676</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>217082536</td>
                                                        <td>Nina L. Cruz</td>
                                                        <td>604-3821 Nunc, Av.</td>
                                                        <td>Cocos (Keeling) Islands</td>
                                                        <td>Contulmo</td>
                                                        <td>James Hodges</td>
                                                        <td>Id Enim Curabitur Associates</td>
                                                        <td>00578882199</td>
                                                        <td>-18.78253</td>
                                                        <td>32.04073</td>
                                                        <td>2019-08-14 13:38:26</td>
                                                        <td>13/10/19</td>
                                                        <td>2020-01-30 14:15:52</td>
                                                        <td>PST</td>
                                                        <td>$68693.77</td>
                                                        <td>Lorem@ligulaAeneaneuismod.net</td>
                                                        <td>741-8918</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>95620175</td>
                                                        <td>Donovan N. Sutton</td>
                                                        <td>8559 Etiam Rd.</td>
                                                        <td>Kenya</td>
                                                        <td>Gresham</td>
                                                        <td>Thomas Sullivan</td>
                                                        <td>Sit Amet Lorem LLC</td>
                                                        <td>80795428099</td>
                                                        <td>-27.63251</td>
                                                        <td>-147.24252</td>
                                                        <td>2020-03-16 16:58:30</td>
                                                        <td>06/07/19</td>
                                                        <td>2018-12-25 15:25:12</td>
                                                        <td>PDT</td>
                                                        <td>$84085.99</td>
                                                        <td>et.netus@erat.com</td>
                                                        <td>876-9862</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>116265168</td>
                                                        <td>Scarlett G. Floyd</td>
                                                        <td>P.O. Box 856, 189 Nec, St.</td>
                                                        <td>Pakistan</td>
                                                        <td>Phoenix</td>
                                                        <td>Mikayla Hernandez</td>
                                                        <td>Tincidunt Incorporated</td>
                                                        <td>52498659299</td>
                                                        <td>-20.46478</td>
                                                        <td>-21.85605</td>
                                                        <td>2018-04-27 01:07:57</td>
                                                        <td>07/12/18</td>
                                                        <td>2019-09-06 11:40:44</td>
                                                        <td>PDT</td>
                                                        <td>$07155.39</td>
                                                        <td>vulputate.posuere.vulputate@velitdui.edu</td>
                                                        <td>717-2598</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>150986923</td>
                                                        <td>Linus D. Wells</td>
                                                        <td>9103 Ipsum St.</td>
                                                        <td>Russian Federation</td>
                                                        <td>Oudenaken</td>
                                                        <td>Isadora Howard</td>
                                                        <td>Sem Nulla Institute</td>
                                                        <td>71572161799</td>
                                                        <td>-85.00485</td>
                                                        <td>23.60684</td>
                                                        <td>2019-01-08 11:11:32</td>
                                                        <td>14/09/18</td>
                                                        <td>2019-06-22 16:22:00</td>
                                                        <td>PST</td>
                                                        <td>$48920.57</td>
                                                        <td>blandit.enim@tristique.co.uk</td>
                                                        <td>1-667-983-4018</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>496997859</td>
                                                        <td>Paula D. Navarro</td>
                                                        <td>Ap #882-360 Mus. Avenue</td>
                                                        <td>Guinea-Bissau</td>
                                                        <td>Salihli</td>
                                                        <td>Daquan Weaver</td>
                                                        <td>Dignissim Lacus Aliquam Corporation</td>
                                                        <td>15966325399</td>
                                                        <td>85.43281</td>
                                                        <td>-27.56574</td>
                                                        <td>2020-01-09 22:41:08</td>
                                                        <td>15/09/19</td>
                                                        <td>2019-10-07 07:57:50</td>
                                                        <td>PST</td>
                                                        <td>$53235.64</td>
                                                        <td>tincidunt.aliquam.arcu@inconsectetueripsum.org</td>
                                                        <td>1-829-166-6033</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>492337595</td>
                                                        <td>Malcolm T. Baxter</td>
                                                        <td>568-5550 Cursus Rd.</td>
                                                        <td>French Southern Territories</td>
                                                        <td>Newport</td>
                                                        <td>Susan Russo</td>
                                                        <td>Vestibulum Industries</td>
                                                        <td>92231061699</td>
                                                        <td>67.64055</td>
                                                        <td>-98.58401</td>
                                                        <td>2019-04-07 02:56:54</td>
                                                        <td>17/10/19</td>
                                                        <td>2019-11-10 06:16:33</td>
                                                        <td>PDT</td>
                                                        <td>$57094.07</td>
                                                        <td>placerat@erateget.ca</td>
                                                        <td>1-709-877-9930</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>362241030</td>
                                                        <td>Kai Y. Mueller</td>
                                                        <td>P.O. Box 244, 6602 Duis Street</td>
                                                        <td>Martinique</td>
                                                        <td>Fayetteville</td>
                                                        <td>Nell Nelson</td>
                                                        <td>Torquent Per Consulting</td>
                                                        <td>37548800899</td>
                                                        <td>-86.35769</td>
                                                        <td>64.80714</td>
                                                        <td>2020-03-28 03:36:50</td>
                                                        <td>31/10/19</td>
                                                        <td>2018-05-12 17:54:37</td>
                                                        <td>PST</td>
                                                        <td>$78636.66</td>
                                                        <td>dignissim.lacus.Aliquam@utpharetra.com</td>
                                                        <td>610-9694</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>244637906</td>
                                                        <td>Alice D. Holloway</td>
                                                        <td>177-8463 Urna. Rd.</td>
                                                        <td>Guam</td>
                                                        <td>Tramutola</td>
                                                        <td>Blake Holt</td>
                                                        <td>Erat Industries</td>
                                                        <td>16787961299</td>
                                                        <td>-47.37492</td>
                                                        <td>-129.1421</td>
                                                        <td>2018-12-13 18:28:08</td>
                                                        <td>28/09/19</td>
                                                        <td>2018-07-27 08:03:43</td>
                                                        <td>PST</td>
                                                        <td>$98904.29</td>
                                                        <td>Curae.Donec.tincidunt@variuseteuismod.ca</td>
                                                        <td>788-7780</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>268052593</td>
                                                        <td>Desirae U. Cameron</td>
                                                        <td>642-5058 Nam St.</td>
                                                        <td>Belgium</td>
                                                        <td>GŽrouville</td>
                                                        <td>Hayden Acosta</td>
                                                        <td>Ornare Incorporated</td>
                                                        <td>84373060799</td>
                                                        <td>-81.46518</td>
                                                        <td>-38.09689</td>
                                                        <td>2018-08-14 02:36:06</td>
                                                        <td>18/07/18</td>
                                                        <td>2019-01-12 15:31:04</td>
                                                        <td>PDT</td>
                                                        <td>$58216.70</td>
                                                        <td>Donec.egestas.Duis@eu.co.uk</td>
                                                        <td>1-548-329-0615</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>23298905K</td>
                                                        <td>Abdul V. Howard</td>
                                                        <td>742 Dolor Avenue</td>
                                                        <td>Morocco</td>
                                                        <td>Itanagar</td>
                                                        <td>Beatrice Maldonado</td>
                                                        <td>Lobortis LLC</td>
                                                        <td>13895800199</td>
                                                        <td>10.65608</td>
                                                        <td>58.87606</td>
                                                        <td>2019-08-15 11:55:39</td>
                                                        <td>19/12/18</td>
                                                        <td>2019-03-22 19:07:37</td>
                                                        <td>PDT</td>
                                                        <td>$58997.02</td>
                                                        <td>sed.pede@egestashendrerit.ca</td>
                                                        <td>1-932-948-6613</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>189845170</td>
                                                        <td>Zachery P. Calderon</td>
                                                        <td>P.O. Box 138, 8385 Metus Av.</td>
                                                        <td>Tajikistan</td>
                                                        <td>Grand-Hallet</td>
                                                        <td>Zephania Strickland</td>
                                                        <td>Mauris Limited</td>
                                                        <td>91974798799</td>
                                                        <td>67.79569</td>
                                                        <td>-120.92694</td>
                                                        <td>2019-05-25 11:20:14</td>
                                                        <td>17/02/19</td>
                                                        <td>2019-01-12 08:41:41</td>
                                                        <td>PDT</td>
                                                        <td>$21806.93</td>
                                                        <td>amet.ornare.lectus@ante.edu</td>
                                                        <td>958-6027</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>162386190</td>
                                                        <td>Kenyon H. Dunn</td>
                                                        <td>Ap #739-8095 Amet, Road</td>
                                                        <td>Venezuela</td>
                                                        <td>Eisden</td>
                                                        <td>Kylynn Britt</td>
                                                        <td>Ut Nulla Ltd</td>
                                                        <td>20286466599</td>
                                                        <td>54.02909</td>
                                                        <td>-108.08149</td>
                                                        <td>2019-01-13 01:11:42</td>
                                                        <td>12/07/19</td>
                                                        <td>2019-03-28 11:44:18</td>
                                                        <td>PST</td>
                                                        <td>$81447.86</td>
                                                        <td>nunc.nulla@id.co.uk</td>
                                                        <td>935-5653</td>
                                                        <td>4</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>396568225</td>
                                                        <td>Shay X. Bond</td>
                                                        <td>1463 Cras St.</td>
                                                        <td>Botswana</td>
                                                        <td>Saarlouis</td>
                                                        <td>Dakota Maldonado</td>
                                                        <td>Rhoncus Company</td>
                                                        <td>84815855899</td>
                                                        <td>12.03054</td>
                                                        <td>-37.46236</td>
                                                        <td>2019-05-12 13:49:29</td>
                                                        <td>04/07/18</td>
                                                        <td>2018-08-15 09:50:20</td>
                                                        <td>PST</td>
                                                        <td>$91929.76</td>
                                                        <td>pede@Maurisvel.edu</td>
                                                        <td>980-1327</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>197834013</td>
                                                        <td>Harlan T. Barr</td>
                                                        <td>Ap #924-6404 Neque Rd.</td>
                                                        <td>Iraq</td>
                                                        <td>Kolkata</td>
                                                        <td>Valentine Duran</td>
                                                        <td>Semper Foundation</td>
                                                        <td>34938043999</td>
                                                        <td>56.3716</td>
                                                        <td>-131.82047</td>
                                                        <td>2018-08-05 14:15:57</td>
                                                        <td>23/03/20</td>
                                                        <td>2018-10-11 20:09:56</td>
                                                        <td>PDT</td>
                                                        <td>$48412.35</td>
                                                        <td>Aliquam.auctor.velit@pedeac.co.uk</td>
                                                        <td>543-9056</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>169854424</td>
                                                        <td>Eleanor T. Owens</td>
                                                        <td>P.O. Box 651, 1956 Tortor Av.</td>
                                                        <td>Malaysia</td>
                                                        <td>Campomorone</td>
                                                        <td>Reece Contreras</td>
                                                        <td>Orci Donec Nibh Industries</td>
                                                        <td>85688141099</td>
                                                        <td>-41.53144</td>
                                                        <td>157.53845</td>
                                                        <td>2019-02-14 05:03:54</td>
                                                        <td>24/03/20</td>
                                                        <td>2019-11-13 07:28:22</td>
                                                        <td>PDT</td>
                                                        <td>$46136.81</td>
                                                        <td>eu.odio.Phasellus@Namtempor.com</td>
                                                        <td>1-272-761-8005</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>506446694</td>
                                                        <td>Quentin U. Atkins</td>
                                                        <td>P.O. Box 243, 7126 Lacinia. Rd.</td>
                                                        <td>India</td>
                                                        <td>Zeist</td>
                                                        <td>Malik Bartlett</td>
                                                        <td>Luctus Company</td>
                                                        <td>27368620499</td>
                                                        <td>-76.99374</td>
                                                        <td>30.11273</td>
                                                        <td>2019-10-21 19:05:14</td>
                                                        <td>09/11/18</td>
                                                        <td>2018-12-19 10:38:59</td>
                                                        <td>PST</td>
                                                        <td>$13611.13</td>
                                                        <td>per.inceptos@eleifendnunc.net</td>
                                                        <td>1-906-639-6116</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>430229516</td>
                                                        <td>Leilani C. Clayton</td>
                                                        <td>Ap #973-2701 Urna. Ave</td>
                                                        <td>Saint Kitts and Nevis</td>
                                                        <td>Recklinghausen</td>
                                                        <td>George Rhodes</td>
                                                        <td>Nascetur Ridiculus Mus Associates</td>
                                                        <td>39908301199</td>
                                                        <td>40.4669</td>
                                                        <td>-147.11366</td>
                                                        <td>2018-07-11 16:44:14</td>
                                                        <td>14/01/19</td>
                                                        <td>2019-09-20 11:55:00</td>
                                                        <td>PST</td>
                                                        <td>$46316.60</td>
                                                        <td>accumsan@Integerid.com</td>
                                                        <td>1-818-141-9416</td>
                                                        <td>1</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>456183557</td>
                                                        <td>Daniel C. Callahan</td>
                                                        <td>1393 Eleifend, St.</td>
                                                        <td>Equatorial Guinea</td>
                                                        <td>Zamość</td>
                                                        <td>Abigail Glass</td>
                                                        <td>Arcu Eu Consulting</td>
                                                        <td>53594464399</td>
                                                        <td>-30.23054</td>
                                                        <td>149.10508</td>
                                                        <td>2019-10-31 04:54:26</td>
                                                        <td>31/12/19</td>
                                                        <td>2018-11-11 07:21:21</td>
                                                        <td>PDT</td>
                                                        <td>$79838.04</td>
                                                        <td>eget@est.ca</td>
                                                        <td>1-481-364-8674</td>
                                                        <td>7</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>322543123</td>
                                                        <td>Quynn N. Bridges</td>
                                                        <td>Ap #521-2543 Adipiscing St.</td>
                                                        <td>Netherlands</td>
                                                        <td>Rocca San Felice</td>
                                                        <td>Celeste Roy</td>
                                                        <td>Iaculis Lacus Pede Company</td>
                                                        <td>41719070899</td>
                                                        <td>68.67888</td>
                                                        <td>-74.04999</td>
                                                        <td>2018-07-27 03:00:18</td>
                                                        <td>10/02/20</td>
                                                        <td>2019-07-10 23:45:34</td>
                                                        <td>PDT</td>
                                                        <td>$24960.97</td>
                                                        <td>sed@massaQuisqueporttitor.co.uk</td>
                                                        <td>1-622-378-0763</td>
                                                        <td>2</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>173158629</td>
                                                        <td>Dale Q. Hurst</td>
                                                        <td>P.O. Box 169, 4784 Quis Av.</td>
                                                        <td>Germany</td>
                                                        <td>Golspie</td>
                                                        <td>Lester Dixon</td>
                                                        <td>Est Mauris Corporation</td>
                                                        <td>14718185099</td>
                                                        <td>-11.00683</td>
                                                        <td>15.52299</td>
                                                        <td>2019-04-20 07:28:31</td>
                                                        <td>13/08/18</td>
                                                        <td>2019-08-05 07:55:38</td>
                                                        <td>PDT</td>
                                                        <td>$67839.71</td>
                                                        <td>rutrum@quamPellentesque.co.uk</td>
                                                        <td>1-818-551-0019</td>
                                                        <td>8</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>309440242</td>
                                                        <td>Cameron H. Hopper</td>
                                                        <td>8862 Feugiat Street</td>
                                                        <td>Sudan</td>
                                                        <td>Dehri</td>
                                                        <td>Nigel Bishop</td>
                                                        <td>Donec Tincidunt Donec Incorporated</td>
                                                        <td>47472714199</td>
                                                        <td>20.55127</td>
                                                        <td>161.71389</td>
                                                        <td>2018-12-24 00:43:22</td>
                                                        <td>06/03/19</td>
                                                        <td>2020-02-10 05:01:43</td>
                                                        <td>PST</td>
                                                        <td>$88963.52</td>
                                                        <td>Suspendisse@rhoncusidmollis.com</td>
                                                        <td>916-1391</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>268602054</td>
                                                        <td>Keiko X. Boone</td>
                                                        <td>P.O. Box 375, 8461 Elit, Road</td>
                                                        <td>Algeria</td>
                                                        <td>Langenburg</td>
                                                        <td>Tatyana Mcdowell</td>
                                                        <td>Ut Mi Incorporated</td>
                                                        <td>48332450299</td>
                                                        <td>-89.57767</td>
                                                        <td>165.03676</td>
                                                        <td>2019-01-06 20:50:32</td>
                                                        <td>23/06/18</td>
                                                        <td>2018-10-04 09:36:04</td>
                                                        <td>PDT</td>
                                                        <td>$94003.71</td>
                                                        <td>sociis@leo.org</td>
                                                        <td>1-481-947-2083</td>
                                                        <td>5</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>441605153</td>
                                                        <td>Boris A. Mccoy</td>
                                                        <td>P.O. Box 648, 7647 A Avenue</td>
                                                        <td>Bolivia</td>
                                                        <td>East Gwillimbury</td>
                                                        <td>Patricia Hoffman</td>
                                                        <td>Lobortis Quis Pede Foundation</td>
                                                        <td>26794376499</td>
                                                        <td>64.54821</td>
                                                        <td>-136.91975</td>
                                                        <td>2019-08-17 13:21:51</td>
                                                        <td>28/04/19</td>
                                                        <td>2019-06-09 17:39:05</td>
                                                        <td>PST</td>
                                                        <td>$88189.21</td>
                                                        <td>dui.lectus@massaQuisqueporttitor.co.uk</td>
                                                        <td>1-235-205-2996</td>
                                                        <td>3</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>168445156</td>
                                                        <td>Plato H. Dickerson</td>
                                                        <td>6938 Volutpat. Ave</td>
                                                        <td>Philippines</td>
                                                        <td>Täby</td>
                                                        <td>Jayme Hamilton</td>
                                                        <td>Nec Cursus A PC</td>
                                                        <td>25275627899</td>
                                                        <td>78.49747</td>
                                                        <td>-39.54536</td>
                                                        <td>2020-02-05 07:40:16</td>
                                                        <td>24/09/19</td>
                                                        <td>2019-09-09 00:29:58</td>
                                                        <td>PST</td>
                                                        <td>$11099.41</td>
                                                        <td>Nulla.tincidunt@eleifend.co.uk</td>
                                                        <td>157-9201</td>
                                                        <td>6</td>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <!-- datatable end -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </main>
                    <!-- this overlay is activated only when mobile menu is triggered -->
                    <div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div> <!-- END Page Content -->
                    <!-- BEGIN Page Footer -->
                    <footer class="page-footer" role="contentinfo">
                        <div class="d-flex align-items-center flex-1 text-muted">
                            <span class="hidden-md-down fw-700">2019 © SmartAdmin by&nbsp;<a href='https://www.gotbootstrap.com' class='text-primary fw-500' title='gotbootstrap.com' target='_blank'>gotbootstrap.com</a></span>
                        </div>
                        <div>
                            <ul class="list-table m-0">
                                <li><a href="intel_introduction.html" class="text-secondary fw-700">About</a></li>
                                <li class="pl-3"><a href="info_app_licensing.html" class="text-secondary fw-700">License</a></li>
                                <li class="pl-3"><a href="info_app_docs.html" class="text-secondary fw-700">Documentation</a></li>
                                <li class="pl-3 fs-xl"><a href="https://wrapbootstrap.com/user/MyOrange" class="text-secondary" target="_blank"><i class="fal fa-question-circle" aria-hidden="true"></i></a></li>
                            </ul>
                        </div>
                    </footer>
                    <!-- END Page Footer -->
                    <!-- BEGIN Shortcuts -->
                    <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <ul class="app-list w-auto h-auto p-0 text-left">
                                        <li>
                                            <a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
                                                <div class="icon-stack">
                                                    <i class="base base-7 icon-stack-3x opacity-100 color-primary-500 "></i>
                                                    <i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
                                                    <i class="fal fa-home icon-stack-1x opacity-100 color-white"></i>
                                                </div>
                                                <span class="app-list-name">
                                                    Home
                                                </span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="page_inbox_general.html" class="app-list-item text-white border-0 m-0">
                                                <div class="icon-stack">
                                                    <i class="base base-7 icon-stack-3x opacity-100 color-success-500 "></i>
                                                    <i class="base base-7 icon-stack-2x opacity-100 color-success-300 "></i>
                                                    <i class="ni ni-envelope icon-stack-1x text-white"></i>
                                                </div>
                                                <span class="app-list-name">
                                                    Inbox
                                                </span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="intel_introduction.html" class="app-list-item text-white border-0 m-0">
                                                <div class="icon-stack">
                                                    <i class="base base-7 icon-stack-2x opacity-100 color-primary-300 "></i>
                                                    <i class="fal fa-plus icon-stack-1x opacity-100 color-white"></i>
                                                </div>
                                                <span class="app-list-name">
                                                    Add More
                                                </span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END Shortcuts -->
                    <!-- BEGIN Color profile -->
                    <!-- this area is hidden and will not be seen on screens or screen readers -->
                    <!-- we use this only for CSS color refernce for JS stuff -->
                    <p id="js-color-profile" class="d-none">
                        <span class="color-primary-50"></span>
                        <span class="color-primary-100"></span>
                        <span class="color-primary-200"></span>
                        <span class="color-primary-300"></span>
                        <span class="color-primary-400"></span>
                        <span class="color-primary-500"></span>
                        <span class="color-primary-600"></span>
                        <span class="color-primary-700"></span>
                        <span class="color-primary-800"></span>
                        <span class="color-primary-900"></span>
                        <span class="color-info-50"></span>
                        <span class="color-info-100"></span>
                        <span class="color-info-200"></span>
                        <span class="color-info-300"></span>
                        <span class="color-info-400"></span>
                        <span class="color-info-500"></span>
                        <span class="color-info-600"></span>
                        <span class="color-info-700"></span>
                        <span class="color-info-800"></span>
                        <span class="color-info-900"></span>
                        <span class="color-danger-50"></span>
                        <span class="color-danger-100"></span>
                        <span class="color-danger-200"></span>
                        <span class="color-danger-300"></span>
                        <span class="color-danger-400"></span>
                        <span class="color-danger-500"></span>
                        <span class="color-danger-600"></span>
                        <span class="color-danger-700"></span>
                        <span class="color-danger-800"></span>
                        <span class="color-danger-900"></span>
                        <span class="color-warning-50"></span>
                        <span class="color-warning-100"></span>
                        <span class="color-warning-200"></span>
                        <span class="color-warning-300"></span>
                        <span class="color-warning-400"></span>
                        <span class="color-warning-500"></span>
                        <span class="color-warning-600"></span>
                        <span class="color-warning-700"></span>
                        <span class="color-warning-800"></span>
                        <span class="color-warning-900"></span>
                        <span class="color-success-50"></span>
                        <span class="color-success-100"></span>
                        <span class="color-success-200"></span>
                        <span class="color-success-300"></span>
                        <span class="color-success-400"></span>
                        <span class="color-success-500"></span>
                        <span class="color-success-600"></span>
                        <span class="color-success-700"></span>
                        <span class="color-success-800"></span>
                        <span class="color-success-900"></span>
                        <span class="color-fusion-50"></span>
                        <span class="color-fusion-100"></span>
                        <span class="color-fusion-200"></span>
                        <span class="color-fusion-300"></span>
                        <span class="color-fusion-400"></span>
                        <span class="color-fusion-500"></span>
                        <span class="color-fusion-600"></span>
                        <span class="color-fusion-700"></span>
                        <span class="color-fusion-800"></span>
                        <span class="color-fusion-900"></span>
                    </p>
                    <!-- END Color profile -->
                </div>
            </div>
        </div>
        <!-- END Page Wrapper -->
        <!-- BEGIN Quick Menu -->
        <!-- to add more items, please make sure to change the variable '$menu-items: number;' in your _page-components-shortcut.scss -->
        <nav class="shortcut-menu d-none d-sm-block">
            <input type="checkbox" class="menu-open" name="menu-open" id="menu_open" />
            <label for="menu_open" class="menu-open-button ">
                <span class="app-shortcut-icon d-block"></span>
            </label>
            <a href="#" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Scroll Top">
                <i class="fal fa-arrow-up"></i>
            </a>
            <a href="page_login_alt.html" class="menu-item btn" data-toggle="tooltip" data-placement="left" title="Logout">
                <i class="fal fa-sign-out"></i>
            </a>
            <a href="#" class="menu-item btn" data-action="app-fullscreen" data-toggle="tooltip" data-placement="left" title="Full Screen">
                <i class="fal fa-expand"></i>
            </a>
            <a href="#" class="menu-item btn" data-action="app-print" data-toggle="tooltip" data-placement="left" title="Print page">
                <i class="fal fa-print"></i>
            </a>
            <a href="#" class="menu-item btn" data-action="app-voice" data-toggle="tooltip" data-placement="left" title="Voice command">
                <i class="fal fa-microphone"></i>
            </a>
        </nav>
        <!-- END Quick Menu -->
        <!-- BEGIN Messenger -->
        <div class="modal fade js-modal-messenger modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-right">
                <div class="modal-content h-100">
                    <div class="dropdown-header bg-trans-gradient d-flex align-items-center w-100">
                        <div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
                            <span class="mr-2">
                                <span class="rounded-circle profile-image d-block" style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
                            </span>
                            <div class="info-card-text">
                                <a href="javascript:void(0);" class="fs-lg text-truncate text-truncate-lg text-white" data-toggle="dropdown" aria-expanded="false">
                                    Tracey Chang
                                    <i class="fal fa-angle-down d-inline-block ml-1 text-white fs-md"></i>
                                </a>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item" href="#">Send Email</a>
                                    <a class="dropdown-item" href="#">Create Appointment</a>
                                    <a class="dropdown-item" href="#">Block User</a>
                                </div>
                                <span class="text-truncate text-truncate-md opacity-80">IT Director</span>
                            </div>
                        </div>
                        <button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"><i class="fal fa-times"></i></span>
                        </button>
                    </div>
                    <div class="modal-body p-0 h-100 d-flex">
                        <!-- BEGIN msgr-list -->
                        <div class="msgr-list d-flex flex-column bg-faded border-faded border-top-0 border-right-0 border-bottom-0 position-absolute pos-top pos-bottom">
                            <div>
                                <div class="height-4 width-3 h3 m-0 d-flex justify-content-center flex-column color-primary-500 pl-3 mt-2">
                                    <i class="fal fa-search"></i>
                                </div>
                                <input type="text" class="form-control bg-white" id="msgr_listfilter_input" placeholder="Filter contacts" aria-label="FriendSearch" data-listfilter="#js-msgr-listfilter">
                            </div>
                            <div class="flex-1 h-100 custom-scroll">
                                <div class="w-100">
                                    <ul id="js-msgr-listfilter" class="list-unstyled m-0">
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="tracey chang online">
                                                <div class="d-table-cell align-middle status status-success status-sm ">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-d.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        Tracey Chang
                                                        <small class="d-block font-italic text-success fs-xs">
                                                            Online
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="oliver kopyuv online">
                                                <div class="d-table-cell align-middle status status-success status-sm ">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        Oliver Kopyuv
                                                        <small class="d-block font-italic text-success fs-xs">
                                                            Online
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="dr john cook phd away">
                                                <div class="d-table-cell align-middle status status-warning status-sm ">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        Dr. John Cook PhD
                                                        <small class="d-block font-italic fs-xs">
                                                            Away
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney online">
                                                <div class="d-table-cell align-middle status status-success status-sm ">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-g.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        Ali Amdaney
                                                        <small class="d-block font-italic fs-xs text-success">
                                                            Online
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="sarah mcbrook online">
                                                <div class="d-table-cell align-middle status status-success status-sm">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        Sarah McBrook
                                                        <small class="d-block font-italic fs-xs text-success">
                                                            Online
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
                                                <div class="d-table-cell align-middle status status-sm">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        oliver.kopyuv@gotbootstrap.com
                                                        <small class="d-block font-italic fs-xs">
                                                            Offline
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney busy">
                                                <div class="d-table-cell align-middle status status-danger status-sm">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-j.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        oliver.kopyuv@gotbootstrap.com
                                                        <small class="d-block font-italic fs-xs text-danger">
                                                            Busy
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney offline">
                                                <div class="d-table-cell align-middle status status-sm">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        oliver.kopyuv@gotbootstrap.com
                                                        <small class="d-block font-italic fs-xs">
                                                            Offline
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" class="d-table w-100 px-2 py-2 text-dark hover-white" data-filter-tags="ali amdaney inactive">
                                                <div class="d-table-cell align-middle">
                                                    <span class="profile-image-md rounded-circle d-block" style="background-image:url('img/demo/avatars/avatar-m.png'); background-size: cover;"></span>
                                                </div>
                                                <div class="d-table-cell w-100 align-middle pl-2 pr-2">
                                                    <div class="text-truncate text-truncate-md">
                                                        +714651347790
                                                        <small class="d-block font-italic fs-xs opacity-50">
                                                            Missed Call
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="filter-message js-filter-message"></div>
                                </div>
                            </div>
                            <div>
                                <a class="fs-xl d-flex align-items-center p-3">
                                    <i class="fal fa-cogs"></i>
                                </a>
                            </div>
                        </div>
                        <!-- END msgr-list -->
                        <!-- BEGIN msgr -->
                        <div class="msgr d-flex h-100 flex-column bg-white">
                            <!-- BEGIN custom-scroll -->
                            <div class="custom-scroll flex-1 h-100">
                                <div id="chat_container" class="w-100 p-4">
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment">
                                        <div class="time-stamp text-center mb-2 fw-400">
                                            Jun 19
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment chat-segment-sent">
                                        <div class="chat-message">
                                            <p>
                                                Hey Tracey, did you get my files?
                                            </p>
                                        </div>
                                        <div class="text-right fw-300 text-muted mt-1 fs-xs">
                                            3:00 pm
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment chat-segment-get">
                                        <div class="chat-message">
                                            <p>
                                                Hi
                                            </p>
                                            <p>
                                                Sorry going through a busy time in office. Yes I analyzed the solution.
                                            </p>
                                            <p>
                                                It will require some resource, which I could not manage.
                                            </p>
                                        </div>
                                        <div class="fw-300 text-muted mt-1 fs-xs">
                                            3:24 pm
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment chat-segment-sent chat-start">
                                        <div class="chat-message">
                                            <p>
                                                Okay
                                            </p>
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment chat-segment-sent chat-end">
                                        <div class="chat-message">
                                            <p>
                                                Sending you some dough today, you can allocate the resources to this project.
                                            </p>
                                        </div>
                                        <div class="text-right fw-300 text-muted mt-1 fs-xs">
                                            3:26 pm
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment chat-segment-get chat-start">
                                        <div class="chat-message">
                                            <p>
                                                Perfect. Thanks a lot!
                                            </p>
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment chat-segment-get">
                                        <div class="chat-message">
                                            <p>
                                                I will have them ready by tonight.
                                            </p>
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment -->
                                    <div class="chat-segment chat-segment-get chat-end">
                                        <div class="chat-message">
                                            <p>
                                                Cheers
                                            </p>
                                        </div>
                                    </div>
                                    <!--  end .chat-segment -->
                                    <!-- start .chat-segment for timestamp -->
                                    <div class="chat-segment">
                                        <div class="time-stamp text-center mb-2 fw-400">
                                            Jun 20
                                        </div>
                                    </div>
                                    <!--  end .chat-segment for timestamp -->
                                </div>
                            </div>
                            <!-- END custom-scroll  -->
                            <!-- BEGIN msgr__chatinput -->
                            <div class="d-flex flex-column">
                                <div class="border-faded border-right-0 border-bottom-0 border-left-0 flex-1 mr-3 ml-3 position-relative shadow-top">
                                    <div class="pt-3 pb-1 pr-0 pl-0 rounded-0" tabindex="-1">
                                        <div id="msgr_input" contenteditable="true" data-placeholder="Type your message here..." class="height-10 form-content-editable"></div>
                                    </div>
                                </div>
                                <div class="height-8 px-3 d-flex flex-row align-items-center flex-wrap flex-shrink-0">
                                    <a href="javascript:void(0);" class="btn btn-icon fs-xl width-1 mr-1" data-toggle="tooltip" data-original-title="More options" data-placement="top">
                                        <i class="fal fa-ellipsis-v-alt color-fusion-300"></i>
                                    </a>
                                    <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Attach files" data-placement="top">
                                        <i class="fal fa-paperclip color-fusion-300"></i>
                                    </a>
                                    <a href="javascript:void(0);" class="btn btn-icon fs-xl mr-1" data-toggle="tooltip" data-original-title="Insert photo" data-placement="top">
                                        <i class="fal fa-camera color-fusion-300"></i>
                                    </a>
                                    <div class="ml-auto">
                                        <a href="javascript:void(0);" class="btn btn-info">Send</a>
                                    </div>
                                </div>
                            </div>
                            <!-- END msgr__chatinput -->
                        </div>
                        <!-- END msgr -->
                    </div>
                </div>
            </div>
        </div>
        <!-- END Messenger -->
        <!-- BEGIN Page Settings -->
        <div class="modal fade js-modal-settings modal-backdrop-transparent" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-right modal-md">
                <div class="modal-content">
                    <div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center w-100">
                        <h4 class="m-0 text-center color-white">
                            Layout Settings
                            <small class="mb-0 opacity-80">User Interface Settings</small>
                        </h4>
                        <button type="button" class="close text-white position-absolute pos-top pos-right p-2 m-1 mr-2" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"><i class="fal fa-times"></i></span>
                        </button>
                    </div>
                    <div class="modal-body p-0">
                        <div class="settings-panel">
                            <div class="mt-4 d-table w-100 px-5">
                                <div class="d-table-cell align-middle">
                                    <h5 class="p-0">
                                        App Layout
                                    </h5>
                                </div>
                            </div>
                            <div class="list" id="fh">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="header-function-fixed"></a>
                                <span class="onoffswitch-title">Fixed Header</span>
                                <span class="onoffswitch-title-desc">header is in a fixed at all times</span>
                            </div>
                            <div class="list" id="nff">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-fixed"></a>
                                <span class="onoffswitch-title">Fixed Navigation</span>
                                <span class="onoffswitch-title-desc">left panel is fixed</span>
                            </div>
                            <div class="list" id="nfm">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-minify"></a>
                                <span class="onoffswitch-title">Minify Navigation</span>
                                <span class="onoffswitch-title-desc">Skew nav to maximize space</span>
                            </div>
                            <div class="list" id="nfh">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-hidden"></a>
                                <span class="onoffswitch-title">Hide Navigation</span>
                                <span class="onoffswitch-title-desc">roll mouse on edge to reveal</span>
                            </div>
                            <div class="list" id="nft">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-function-top"></a>
                                <span class="onoffswitch-title">Top Navigation</span>
                                <span class="onoffswitch-title-desc">Relocate left pane to top</span>
                            </div>
                            <div class="list" id="mmb">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-main-boxed"></a>
                                <span class="onoffswitch-title">Boxed Layout</span>
                                <span class="onoffswitch-title-desc">Encapsulates to a container</span>
                            </div>
                            <div class="expanded">
                                <ul class="">
                                    <li>
                                        <div class="bg-fusion-50" data-action="toggle" data-class="mod-bg-1"></div>
                                    </li>
                                    <li>
                                        <div class="bg-warning-200" data-action="toggle" data-class="mod-bg-2"></div>
                                    </li>
                                    <li>
                                        <div class="bg-primary-200" data-action="toggle" data-class="mod-bg-3"></div>
                                    </li>
                                    <li>
                                        <div class="bg-success-300" data-action="toggle" data-class="mod-bg-4"></div>
                                    </li>
                                </ul>
                                <div class="list" id="mbgf">
                                    <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-fixed-bg"></a>
                                    <span class="onoffswitch-title">Fixed Background</span>
                                </div>
                            </div>
                            <div class="mt-4 d-table w-100 px-5">
                                <div class="d-table-cell align-middle">
                                    <h5 class="p-0">
                                        Mobile Menu
                                    </h5>
                                </div>
                            </div>
                            <div class="list" id="nmp">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-push"></a>
                                <span class="onoffswitch-title">Push Content</span>
                                <span class="onoffswitch-title-desc">Content pushed on menu reveal</span>
                            </div>
                            <div class="list" id="nmno">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-no-overlay"></a>
                                <span class="onoffswitch-title">No Overlay</span>
                                <span class="onoffswitch-title-desc">Removes mesh on menu reveal</span>
                            </div>
                            <div class="list" id="sldo">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="nav-mobile-slide-out"></a>
                                <span class="onoffswitch-title">Off-Canvas <sup>(beta)</sup></span>
                                <span class="onoffswitch-title-desc">Content overlaps menu</span>
                            </div>
                            <div class="mt-4 d-table w-100 px-5">
                                <div class="d-table-cell align-middle">
                                    <h5 class="p-0">
                                        Accessibility
                                    </h5>
                                </div>
                            </div>
                            <div class="list" id="mbf">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-bigger-font"></a>
                                <span class="onoffswitch-title">Bigger Content Font</span>
                                <span class="onoffswitch-title-desc">content fonts are bigger for readability</span>
                            </div>
                            <div class="list" id="mhc">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-high-contrast"></a>
                                <span class="onoffswitch-title">High Contrast Text (WCAG 2 AA)</span>
                                <span class="onoffswitch-title-desc">4.5:1 text contrast ratio</span>
                            </div>
                            <div class="list" id="mcb">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-color-blind"></a>
                                <span class="onoffswitch-title">Daltonism <sup>(beta)</sup> </span>
                                <span class="onoffswitch-title-desc">color vision deficiency</span>
                            </div>
                            <div class="list" id="mpc">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-pace-custom"></a>
                                <span class="onoffswitch-title">Preloader Inside</span>
                                <span class="onoffswitch-title-desc">preloader will be inside content</span>
                            </div>
                            <div class="mt-4 d-table w-100 px-5">
                                <div class="d-table-cell align-middle">
                                    <h5 class="p-0">
                                        Global Modifications
                                    </h5>
                                </div>
                            </div>
                            <div class="list" id="mcbg">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-clean-page-bg"></a>
                                <span class="onoffswitch-title">Clean Page Background</span>
                                <span class="onoffswitch-title-desc">adds more whitespace</span>
                            </div>
                            <div class="list" id="mhni">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-nav-icons"></a>
                                <span class="onoffswitch-title">Hide Navigation Icons</span>
                                <span class="onoffswitch-title-desc">invisible navigation icons</span>
                            </div>
                            <div class="list" id="dan">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-disable-animation"></a>
                                <span class="onoffswitch-title">Disable CSS Animation</span>
                                <span class="onoffswitch-title-desc">Disables CSS based animations</span>
                            </div>
                            <div class="list" id="mhic">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-hide-info-card"></a>
                                <span class="onoffswitch-title">Hide Info Card</span>
                                <span class="onoffswitch-title-desc">Hides info card from left panel</span>
                            </div>
                            <div class="list" id="mlph">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-lean-subheader"></a>
                                <span class="onoffswitch-title">Lean Subheader</span>
                                <span class="onoffswitch-title-desc">distinguished page header</span>
                            </div>
                            <div class="list" id="mnl">
                                <a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle" data-class="mod-nav-link"></a>
                                <span class="onoffswitch-title">Hierarchical Navigation</span>
                                <span class="onoffswitch-title-desc">Clear breakdown of nav links</span>
                            </div>
                            <div class="list mt-1">
                                <span class="onoffswitch-title">Global Font Size <small>(RESETS ON REFRESH)</small> </span>
                                <div class="btn-group btn-group-sm btn-group-toggle my-2" data-toggle="buttons">
                                    <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-sm" data-target="html">
                                        <input type="radio" name="changeFrontSize"> SM
                                    </label>
                                    <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text" data-target="html">
                                        <input type="radio" name="changeFrontSize" checked=""> MD
                                    </label>
                                    <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-lg" data-target="html">
                                        <input type="radio" name="changeFrontSize"> LG
                                    </label>
                                    <label class="btn btn-default btn-sm" data-action="toggle-swap" data-class="root-text-xl" data-target="html">
                                        <input type="radio" name="changeFrontSize"> XL
                                    </label>
                                </div>
                                <span class="onoffswitch-title-desc d-block mb-0">Change <strong>root</strong> font size to effect rem
                                    values</span>
                            </div>
                            <hr class="mb-0 mt-4">
                            <div class="mt-2 d-table w-100 pl-5 pr-3">
                                <div class="fs-xs text-muted p-2 alert alert-warning mt-3 mb-2">
                                    <i class="fal fa-exclamation-triangle text-warning mr-2"></i>The settings below uses localStorage to load
                                    the external CSS file as an overlap to the base css. Due to network latency and CPU utilization, you may
                                    experience a brief flickering effect on page load which may show the intial applied theme for a split
                                    second. Setting the prefered style/theme in the header will prevent this from happening.
                                </div>
                            </div>
                            <div class="mt-2 d-table w-100 pl-5 pr-3">
                                <div class="d-table-cell align-middle">
                                    <h5 class="p-0">
                                        Theme colors
                                    </h5>
                                </div>
                            </div>
                            <div class="expanded theme-colors pl-5 pr-3">
                                <ul class="m-0">
                                    <li>
                                        <a href="#" id="myapp-0" data-action="theme-update" data-themesave data-theme="" data-toggle="tooltip" data-placement="top" title="Wisteria (base css)" data-original-title="Wisteria (base css)"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-1" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-1.css" data-toggle="tooltip" data-placement="top" title="Tapestry" data-original-title="Tapestry"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-2" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-2.css" data-toggle="tooltip" data-placement="top" title="Atlantis" data-original-title="Atlantis"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-3" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-3.css" data-toggle="tooltip" data-placement="top" title="Indigo" data-original-title="Indigo"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-4" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-4.css" data-toggle="tooltip" data-placement="top" title="Dodger Blue" data-original-title="Dodger Blue"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-5" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-5.css" data-toggle="tooltip" data-placement="top" title="Tradewind" data-original-title="Tradewind"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-6" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-6.css" data-toggle="tooltip" data-placement="top" title="Cranberry" data-original-title="Cranberry"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-7" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-7.css" data-toggle="tooltip" data-placement="top" title="Oslo Gray" data-original-title="Oslo Gray"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-8" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-8.css" data-toggle="tooltip" data-placement="top" title="Chetwode Blue" data-original-title="Chetwode Blue"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-9" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-9.css" data-toggle="tooltip" data-placement="top" title="Apricot" data-original-title="Apricot"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-10" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-10.css" data-toggle="tooltip" data-placement="top" title="Blue Smoke" data-original-title="Blue Smoke"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-11" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-11.css" data-toggle="tooltip" data-placement="top" title="Green Smoke" data-original-title="Green Smoke"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-12" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-12.css" data-toggle="tooltip" data-placement="top" title="Wild Blue Yonder" data-original-title="Wild Blue Yonder"></a>
                                    </li>
                                    <li>
                                        <a href="#" id="myapp-13" data-action="theme-update" data-themesave data-theme="css/themes/cust-theme-13.css" data-toggle="tooltip" data-placement="top" title="Emerald" data-original-title="Emerald"></a>
                                    </li>
                                </ul>
                            </div>
                            <hr class="mb-0 mt-4">
                            <div class="pl-5 pr-3 py-3 bg-faded">
                                <div class="row no-gutters">
                                    <div class="col-6 pr-1">
                                        <a href="#" class="btn btn-outline-danger fw-500 btn-block" data-action="app-reset">Reset Settings</a>
                                    </div>
                                    <div class="col-6 pl-1">
                                        <a href="#" class="btn btn-danger fw-500 btn-block" data-action="factory-reset">Factory Reset</a>
                                    </div>
                                </div>
                            </div>
                        </div> <span id="saving"></span>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Page Settings -->
        <script>
            (function(i, s, o, g, r, a, m)
            {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function()
                {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-141754477-1', 'auto');
            ga('send', 'pageview');

        </script>
        <!-- base vendor bundle: 
			 DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations 
						+ pace.js (recommended)
						+ jquery.js (core)
						+ jquery-ui-cust.js (core)
						+ popper.js (core)
						+ bootstrap.js (core)
						+ slimscroll.js (extension)
						+ app.navigation.js (core)
						+ ba-throttle-debounce.js (core)
						+ waves.js (extension)
						+ smartpanels.js (extension)
						+ src/../jquery-snippets.js (core) -->
        <script src="js/vendors.bundle.js"></script>
        <script src="js/app.bundle.js"></script>
        <!-- datatble responsive bundle contains: 
	+ jquery.dataTables.js
	+ dataTables.bootstrap4.js
	+ dataTables.autofill.js							
	+ dataTables.buttons.js
	+ buttons.bootstrap4.js
	+ buttons.html5.js
	+ buttons.print.js
	+ buttons.colVis.js
	+ dataTables.colreorder.js							
	+ dataTables.fixedcolumns.js							
	+ dataTables.fixedheader.js						
	+ dataTables.keytable.js						
	+ dataTables.responsive.js							
	+ dataTables.rowgroup.js							
	+ dataTables.rowreorder.js							
	+ dataTables.scroller.js							
	+ dataTables.select.js							
	+ datatables.styles.app.js
	+ datatables.styles.buttons.app.js -->
        <script src="js/datagrid/datatables/datatables.bundle.js"></script>
        <script>
            $(document).ready(function()
            {
                $('#dt-basic-example').dataTable(
                {
                    //responsive: true, // not compatible
                    scrollY: 400,
                    scrollX: true,
                    scrollCollapse: true,
                    paging: false,
                    //fixedColumns:   true,
                    fixedColumns:
                    {
                        leftColumns: 2
                    },
                    columnDefs: [
                    {
                        targets: -1,
                        title: 'Admin Controls',
                        orderable: false,
                        render: function(data, type, full, meta)
                        {

                            /*
                            -- ES6
                            -- convert using https://babeljs.io online transpiler
                            return `
                            <div class='d-flex mt-2'>
                            	<a href='javascript:void(0);' class='btn btn-sm btn-outline-danger mr-2' title='Delete Record'>
                            		<i class="fal fa-times"></i> Delete Record
                            	</a>
                            	<a href='javascript:void(0);' class='btn btn-sm btn-outline-primary mr-2' title='Edit'>
                            		<i class="fal fa-edit"></i> Edit
                            	</a>
                            	<div class='dropdown d-inline-block'>
                            		<a href='#'' class='btn btn-sm btn-outline-primary mr-2' data-toggle='dropdown' aria-expanded='true' title='More options'>
                            			<i class="fal fa-plus"></i>
                            		</a>
                            		<div class='dropdown-menu'>
                            			<a class='dropdown-item' href='javascript:void(0);'>Change Status</a>
                            			<a class='dropdown-item' href='javascript:void(0);'>Generate Report</a>
                            		</div>
                            	</div>
                            </div>`;
                            	
                            ES5 example below:	

                            */
                            return "\n\t\t\t\t\t\t<div class='d-flex demo'>\n\t\t\t\t\t\t\t<a href='javascript:void(0);' class='btn btn-sm btn-outline-danger btn-icon btn-inline-block mr-1' title='Delete Record'><i class=\"fal fa-times\"></i></a>\n\t\t\t\t\t\t\t<a href='javascript:void(0);' class='btn btn-sm btn-outline-primary btn-icon btn-inline-block mr-1' title='Edit'><i class=\"fal fa-edit\"></i></a>\n\t\t\t\t\t\t\t<div class='dropdown d-inline-block'>\n\t\t\t\t\t\t\t\t<a href='#' class='btn btn-sm btn-outline-primary btn-icon' data-toggle='dropdown' aria-expanded='true' title='More options'><i class=\"fal fa-plus\"></i></a>\n\t\t\t\t\t\t\t\t<div class='dropdown-menu'>\n\t\t\t\t\t\t\t\t\t<a class='dropdown-item' href='javascript:void(0);'>Change Status</a>\n\t\t\t\t\t\t\t\t\t<a class='dropdown-item' href='javascript:void(0);'>Generate Report</a>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>";
                        },
                    },
                    {
                        targets: 17,
                        /*	The `data` parameter refers to the data for the cell (defined by the
                        	`data` option, which defaults to the column being worked with, in this case `data: 16`.*/
                        render: function(data, type, full, meta)
                        {
                            var badge = {
                                1:
                                {
                                    'title': 'Pending',
                                    'class': 'badge-warning'
                                },
                                2:
                                {
                                    'title': 'Delivered',
                                    'class': 'badge-success'
                                },
                                3:
                                {
                                    'title': 'Canceled',
                                    'class': 'badge-secondary'
                                },
                                4:
                                {
                                    'title': 'Attempt #1',
                                    'class': 'bg-danger-100 text-white'
                                },
                                5:
                                {
                                    'title': 'Attempt #2',
                                    'class': 'bg-danger-300 text-white'
                                },
                                6:
                                {
                                    'title': 'Failed',
                                    'class': 'badge-danger'
                                },
                                7:
                                {
                                    'title': 'Attention!',
                                    'class': 'badge-primary'
                                },
                                8:
                                {
                                    'title': 'In Progress',
                                    'class': 'badge-success'
                                },
                            };
                            if (typeof badge[data] === 'undefined')
                            {
                                return data;
                            }
                            return '<span class="badge ' + badge[data].class + ' badge-pill">' + badge[data].title + '</span>';
                        },
                    }],
                });
            });

        </script>
    </body>
</html>
